搜索
SR數位設計 ECSHOP RWD響應式技術開發 Discuz 使用教程 如何解決 jQuery 與 Discuz 變數衝突
byadmin 發表於 2013-5-7 00:36:23 , 3320人已閱讀 , 0人回應
Discuz 程式本身使用了"$()" 作為對象選取函數,剛好與jQuery默認的$()函數重合造成衝突 , 要解決這個問題其實很簡單 , 我們只需要再 jQuery 的各種功能套件程序前 , 先加入以下防衝突函數 , 即可達成在Discuz中使用各種 jQuery 效果:
  1. var jq = jQuery.noConflict();
複製代碼
此防衝突函數的意義在於把jQuery的 $ 函數改成以 jq替代 , 這樣就可以避免掉與許多程式使用相同變數起衝突的問題 ~
因此加入以上程式碼後 , 透過 Dreamweaver 或是其它編輯軟體 , 查找你要使用的jQuery功能套件中 , 所有的 "$" 函數符號 , 並將它取代成 "jq" 即可。

查看以下真實範例 , 應該會更清楚一些:

防衝突前

  1. <script type="text/javascript">
  2. $(document).ready(function() {
  3.   $('#hiddenbox').hide();
  4.   $('a#jqtextcall').click(function() {
  5.   $('#hiddenbox').slideToggle(400);
  6.     return false;
  7.   });
  8. });
  9. </script>
複製代碼
防衝突後

  1. jq(document).ready(function() {
  2.   jq('#hiddenbox').hide();
  3.   jq('a#jqtextcall').click(function() {
  4.   jq('#hiddenbox').slideToggle(400);
  5.     return false;
  6.   });
  7. });
複製代碼
透過以上案例相信大家應該更清楚實際上的使用方式 ..
Traffic Exchange Site
您需要登錄後才可以回帖 登錄 | 立即註冊

作者資訊

文章分類

SR數位設計工作室

  • 服務專線:03-3555-069


ECSHOP響應式技術開發|接案說明|線上洽詢|隱私權政策|SR數位設計(CMS)

信箱:sr.design2011@gmail.com

, Processed in 0.157617 second(s), 40 queries , Gzip On.

Copyright © 2011-2014 Template By SR網頁設計清新部落風格

Core - DZ2.5 GMT+8, 2017-11-25 19:37

回頂部