Search code examples
javascriptjquerymaterialize

Materialize Modal is not opening

Hello I'm using Materialize js and its modal is not opening follwing is my code.Please let me know what wrong with it?

<!-- Modal Structure -->
<div id="modal1" class="modal bottom-sheet">
    <div class="modal-content">
        <h4>
            Modal Header
        </h4>
        <p>
            A bunch of text
        </p>
    </div>
    <div class="modal-footer">
        <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">Agree</a>
    </div>
</div>
<a class="waves-effect waves-light btn" href="#modal1">Modal</a>

Fiddle

Solution

  • In the Javascript add this: $('#modal1').modal(); before: $('#modal1').modal('open');