Question

我需要在用户进入我的网站之前加入警告，并希望在文档准备好时使用模态窗口。

这是javascript：

$(document).ready(function(){
    jQuery.noConflict();
    $("#openModal").modal('show');
});

HTML：

<a href="#openModal">Open Modal</a>

<div id="openModal" class="modalDialog">
    <div>
        <p>blah blah</p>
        <a href="#close" title="Close" class="close">I agree</a>
    </div>
</div>

当我点击链接时，模态窗口打开，所以我对CSS感到满意。当我尝试通过文档准备打开它时，我收到以下错误消息：

未捕获的TypeError：$不是函数

当我删除jQuery.noConflict();行时，我收到以下错误消息：

未捕获的TypeError：$（...）。modal不是函数

我已经尝试了几个版本的JQuery，最好的我可以说这是我下载和安装的最新版本。剩下的大量JQuery和Javascript工作正常。

正如我在上一个问题中所说，我是一个业余爱好者，我的免费广告免费网站将被用作航海导航设备。

非常感谢，

西蒙

Answer 1

jQuery.noConflict();

noConflict将$变量回滚到之前的值。这意味着如果另一个库使用$变量作为其标识符，则没有冲突会恢复此关联。但是作为副作用，$不再是jQuery。如果您不打算这样做，请删除该行。否则，你需要在那之后开始在你的代码中引用jQuery，或者使用jQuery准备好传递jQuery作为$，就像它一样

<script type="text/javascript">
    jQuery.noConflict();

    jQuery(document).ready(function($){ //<-- ready() will pass in jQuery as the first argument, so you can accept it as '$' and then just code like normal
        $("#openModal").modal('show');
    });
</script>

或者

<script type="text/javascript">
    jQuery.noConflict();

    jQuery(document).ready(function(){
        jQuery("#openModal").modal('show');
    });
</script>

或者

<script type="text/javascript">
    var jQ = jQuery.noConflict();

    jQ(document).ready(function(){
        jQ("#openModal").modal('show');
    });
</script>

模态错误document.ready ok href

1 个答案: