Maison > Article > développement back-end > javascript - 引入2个js。 一个瀑布流的 一个弹窗的。 冲突在$符号上
引入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 里没发现用到 $
那么,是哪里造成了冲突?