MaterializeCss模式错误openModal不是函数

问题描述

我有所有要求Jquery，Materialize.js坐在我的Js文件上面但是我收到警告openModal不是函数..我检查模态名称是对的，我可以运行Materialize.toast所以我知道Materialize.js是工作。使用按钮触发也不会调用模态。这是代码..

I have all requirements Jquery, Materialize.js sitting above my Js file however I get the warning openModal is not a function..I checked the modal name is right and I can run Materialize.toast so I know Materialize.js is working. Triggering with the button does not call the modal either. Here is the code..

脚本：

<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="/js/materialize.js"></script>
<script type="text/javascript" src="/js/video.js"></script>
<script src="/js/admin.js"></script>

触发：

<button data-target="modal1" class="btn modal-trigger">Modal</button>

模态：

    <!-- Modal Structure -->
    <div id="modal1" class="modal">
        <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>
</div>

js：

 var modal = document.getElementById('modal1');
  modal.openModal();
$('#modal1').leanModal();
$('#modal1').openModal();

推荐答案

Materialise函数需要Jquery Elements。

getElementById（） - 给我们DOM对象。

Materialize functions needs Jquery Elements.
getElementById() - Gives us DOM Object.

//You can either convert this Dom object to Jquery

var modal = document.getElementById('modal1');
var jquerymodal = $(modal);  //convert to jQuery Element
jquerymodal.openModal();


//Or just use Jquery Element like

$('#modal1').openModal();

这篇关于MaterializeCss模式错误openModal不是函数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！