修復Wordpress中的JavaScript衝突，幫助使用wp_enqueue_script

我認爲（不是100％確定）我正在遭受JavaScript衝突。我正在使用插件在我的WordPress頁面上生成倒計時時鐘，並且我正在使用一些簡單的jQuery自定義JavaScript來使div在滾動的某些點出現並消失在頁面上。修復Wordpress中的JavaScript衝突，幫助使用wp_enqueue_script

爲了使顯示/ dissapearing格正常工作我添加了兩個JavaScript調用到我的頭：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/test1.js"></script>

第一個是jQuery庫，第二個是我的自定義腳本。將這些代碼行添加到標題後，倒計時時鐘停止在我的網站上工作。通過一些小小的調試，我意識到這是Google託管的腳本導致時鐘不起作用。

當我對谷歌代碼託管jQuery庫在我的頭，我收到以下錯誤：錯誤=對象的翻譯：有沒有一種方法「jCountdown」

我認爲，要解決這個是在functions.php文件中使用wp_enqueue_script和wp_register_script來添加我需要的兩個.js文件，並從頭文件中刪除代碼。但是，我不熟悉這些代碼的工作原理，似乎無法解決這些問題。以下是我相信需要在functions.php文件中使用的代碼，但我一直未能成功運行。

function notSureWhatGoesHere() { 
     wp_register_script(notSureWhatGoesHere); 
     wp_enqueue_script(notSureWhatGoesHere); 
     } 

     add_action(notSureWhatGoesHere);

這裏是我的測試網頁的鏈接：http://jltest.biz/test-1

非常感謝你的幫助和時間。

來源

2013-07-21 user2603286

你有Error = Object [object Object] has no method 'jCountdown'

也許你的插件沒有正確加載...

刪除了jQuery您添加jQuery.1.10.2所以我不supprised它不工作..

PLUS - WordPress已添加版本jQuery.1.8.3

現在，在您的測試文件中，您有這個

var startY = 840; 
var stopY = 1900; 

$(window).scroll(function(){ 
    checkY(); 
}); 

function checkY() 
{ 
    console.log($(window).scrollTop()); 
    if($(window).scrollTop() > startY && $(window).scrollTop() <= stopY) 
    { 
     console.log("Show"); 

     $('.fixedDiv').fadeIn("slow"); 
    } 
    else 
    { 
     console.log("Hide"); 
     $('.fixedDiv').fadeOut(); 
    } 
} 

checkY();

WordPress的默認使用jQuery.noConflict();所以你需要確保你換你的代碼在類似如下

(function($) { 

    // Code Here.... 

}(jQuery));

來源

2013-07-21 22:41:22 iConnor

對不起，我應該更清晰，並具有自修改我原來的職位，這是當我在頭文件中調用Google hoste jquery庫時出現的錯誤。當我從頭文件中刪除這行代碼時，插件工作得很好。 – user2603286

我已經嘗試過，（目前已刪除），但是一旦刪除，我的div即將出現並消失停止工作。 – user2603286

那麼，發送一個鏈接，當你已經刪除它 – iConnor

修復Wordpress中的JavaScript衝突，幫助使用wp_enqueue_script

回答

相關問題