首頁  >  文章  >  後端開發  >  javascript - 引入2個js。 一個瀑布流的 一個彈跳窗的。 衝突在$符號上

javascript - 引入2個js。 一個瀑布流的 一個彈跳窗的。 衝突在$符號上

WBOY
WBOY原創
2016-08-29 08:50:49987瀏覽

引入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 裡沒發現用到 $

那麼,是哪裡造成了衝突?

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn