腳本不加載在functions.php

我正在努力強調WordPress主題，我似乎無法得到任何自定義腳本來顯示結果，當我加載頁面。我試圖在functions.php中包含一個簡單的腳本'test.js'來測試它。所有其他腳本工作得很好。任何幫助，將不勝感激：腳本不加載在functions.php

function blake_eric_scripts() { 

    /** 
    * Enqeue bootstrap javascript 
    */  
    wp_enqueue_script('bootstrap-js', '//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js', array('jquery'), '3.3.6', true); 

    /** 
    * Enqeue bootstrap styles 
    */  
    wp_enqueue_style('bootstrap-css', '//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css', array(), 
'3.3.6', 'all'); 

    wp_enqueue_script('blake-eric-test', get_template_directory_uri() . '/js/test.js', array('jquery')); 

    /** 
    * Enqeue styles.css 
    */ 
    wp_enqueue_style('blake-eric-style', get_stylesheet_uri()); 

    wp_enqueue_script('blake-eric-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20130115', true); 

    if (is_singular() && comments_open() && get_option('thread_comments')) { 
     wp_enqueue_script('comment-reply'); 
    } 
} 
add_action('wp_enqueue_scripts', 'blake_eric_scripts');

下面是簡單的jQuery腳本「test.js」：

$(function(){ 
    $('#main').addClass('test-class'); 
});

謝謝！

來源

2016-03-25 BlakeEric

您是否檢查過** **檢查元素**下的控制檯**選項卡？有沒有錯誤？請發佈錯誤，如果有的話。 –

有一個錯誤，'$'不是一個函數，但它是按照下面指定的方式更改代碼後解決的。謝謝你，Mehul。 – BlakeEric

有以下若干組代碼替換您test.js： -

jQuery(function(){ 
    jQuery('#demo').addClass('test-class'); 
});

這種類型的錯誤產生的原因通常與其他js文件的衝突。

來源

2016-03-25 05:44:01

感謝您的幫助，Anup – BlakeEric

默認情況下，WordPress的jQuery的運行在無衝突模式，所以你不能使用$符號和定義一個函數這樣

$(function(){ $('#main').addClass('test-class'); });

相反，你可以做的是

jQuery(function($){ $('#main').addClass('test-class'); });

如果在括號內包含$符號，則可以在函數的其餘部分使用它。瞭解更多詳情here

來源

2016-03-25 05:55:08

感謝Biplav的資源 – BlakeEric

腳本不加載在functions.php

回答

相關問題