javascript - 引入2个js。一个瀑布流的一个弹窗的。冲突在$符号上-tutorial php-php.cn

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

WBOY

Lepaskan： 2016-08-29 08:50:49

asal

1013 orang telah melayarinya

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

<code><link rel="stylesheet" href="%7B%%24URL%%7Dcss/baguettebox.min.css">
<script src="%7B%%24URL%%7Djs/baguettebox.min.js"></script>

</code>

Salin selepas log masuk

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

Salin selepas log masuk

回复内容：

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

<code><link rel="stylesheet" href="%7B%%24URL%%7Dcss/baguettebox.min.css">
<script src="%7B%%24URL%%7Djs/baguettebox.min.js"></script>

</code>

Salin selepas log masuk

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

Salin selepas log masuk

引入 jQuery之后，引入其他库之前执行：

<code>jQuery.noConflict(); </code>

Salin selepas log masuk

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

<code>jQuery(function () {
    //....
});</code>

Salin selepas log masuk

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

<code>var $$ = jQuery.noConflict();</code>

Salin selepas log masuk

调用的时候，就可以写成：

<code>$$(function () {
    //....
});</code>

Salin selepas log masuk

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

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

那么，是哪里造成了冲突？

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

回复内容：

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