引入2個js。 一個瀑布流的 一個彈跳窗的。
彈窗
<code><link rel="stylesheet" href="{%$URL%}css/baguettebox.min.css" /> <script src="{%$URL%}js/baguettebox.min.js"></script> </code>
<code> 瀑布流 <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冲突呢? </code>
引入2個js。 一個瀑布流的 一個彈跳窗的。
彈窗
<code><link rel="stylesheet" href="{%$URL%}css/baguettebox.min.css" /> <script src="{%$URL%}js/baguettebox.min.js"></script> </code>
<code> 瀑布流 <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冲突呢? </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 裡沒發現用到 $
那麼,是哪裡造成了衝突?