首页 > 引入2个js。 一个瀑布流的 一个弹窗的。 冲突在$符号上

引入2个js。 一个瀑布流的 一个弹窗的。 冲突在$符号上

引入2个js。 一个瀑布流的 一个弹窗的。
弹窗

<link rel="stylesheet" href="{%$URL%}css/baguettebox.min.css" />
<script src="{%$URL%}js/baguettebox.min.js"></script>

<!--原始弹窗js <script src="http://liuxiaofan.com/demo/js... type="text/javascript"></script> -->


瀑布流
 <script src="{%$URL%}js/jquery-1.8.3.min.js" type="text/javascript"></script>
 <script src="{%$URL%}js/jaliswall.js" type="text/javascript"></script>
            <script type="text/javascript">
                $(function () {
                    $('.wall').jaliswall({ item: '.article' });
                });
            </script>
      这个里面的$ 怎么可以改成既能 被调用 还不会 和 弹窗的js冲突呢?     
            

jaliswall 本来就是基于 jQuery 的,也就是说它的 $ 还是代表 jQuery

baguettebox 的文档 Demo 里没发现用到 $

那么,是哪里造成了冲突?


引入 jQuery之后,引入其他库之前执行:

jQuery.noConflict(); 

以后需要 用到 jQuery 的时候,比如你的 代码改成:

jQuery(function () {
    //....
});

写 jQuery 感觉太长,还能改变。

var $$ = jQuery.noConflict();

调用的时候,就可以写成:

$$(function () {
    //....
});
【热门文章】
【热门文章】