首页 > 后端开发 > php教程 > javascript - 引入2个js。 一个瀑布流的 一个弹窗的。 冲突在$符号上

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

WBOY
发布: 2016-08-29 08:50:49
原创
1012 人浏览过

引入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 里没发现用到 $

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

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板