Discuz 程式本身使用了"$()" 作為對象選取函數，剛好與jQuery默認的$()函數重合造成衝突 , 要解決這個問題其實很簡單 , 我們只需要再 jQuery 的各種功能套件程序前 , 先加入以下防衝突函數 , 即可達成在Discuz中使用各種 jQuery 效果：- var jq = jQuery.noConflict();
因此加入以上程式碼後 , 透過 Dreamweaver 或是其它編輯軟體 , 查找你要使用的jQuery功能套件中 , 所有的 "$" 函數符號 , 並將它取代成 "jq" 即可。
查看以下真實範例 , 應該會更清楚一些：
防衝突前
- <script type="text/javascript">
- $(document).ready(function() {
- $('#hiddenbox').hide();
- $('a#jqtextcall').click(function() {
- $('#hiddenbox').slideToggle(400);
- return false;
- });
- });
- </script>
- jq(document).ready(function() {
- jq('#hiddenbox').hide();
- jq('a#jqtextcall').click(function() {
- jq('#hiddenbox').slideToggle(400);
- return false;
- });
- });
|
喜歡
利用JQ為 Discuz 新增文字大小切換功能
Discu X2.5 頁面載入提示 UTF-8 繁中版本
