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

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

WBOY
發布: 2016-08-29 08:50:49
原創
1019 人瀏覽過

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

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板