Javascript 模态错误文档。就绪ok href

Javascript 模态错误文档。就绪ok href,javascript,jquery,Javascript,Jquery,在用户进入我的网站并希望在文档准备就绪时使用模式窗口之前,我需要包括一个警告 下面是javascript: $(document).ready(function(){ jQuery.noConflict(); $("#openModal").modal('show'); }); HTML: <a href="#openModal">Open Modal</a> <div id="openModal" class="modalDialog">

在用户进入我的网站并希望在文档准备就绪时使用模式窗口之前,我需要包括一个警告

下面是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>

废话

当我点击链接时,模态窗口打开OK,所以我对CSS很满意。当我尝试通过document ready打开它时,会收到以下错误消息:

未捕获的TypeError:$不是函数

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

未捕获的TypeError:$(…)。模式不是函数

我已经尝试了几个版本的JQuery,我能说的最好的版本是我下载并安装的最新版本。其余的JQuery和Javascript都可以正常工作

正如我在上一个问题中所说,我是一个爱好者,我的免费广告免费网站将被用作航海辅助工具

多谢各位

西蒙

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>

jQuery.noConflict();

jQuery(document).ready(function($){//您在代码之前包含jQuery库,对吗?并使用
jQuery
代替
$
,就像这样
jQuery(…)。modal
是的,它位于页面顶部。尝试了所有这些,没有区别。无论如何,谢谢。
<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>