Maison >développement back-end >tutoriel php >javascript - 引入2个js。 一个瀑布流的 一个弹窗的。 冲突在$符号上

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

WBOY
WBOYoriginal
2016-08-29 08:50:491021parcourir

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

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

</code>

<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>

回复内容:

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

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

</code>

<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>

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

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

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

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

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

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

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

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

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

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

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

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn