JavaScript文件並沒有在WordPress的加載

好吧，我可能是一個絕對的白癡，但我似乎無法想出解決辦法...在我functions.php文件我有這個功能我排入樣式表和腳本文件：JavaScript文件並沒有在WordPress的加載

function load_style_sheets() { 
     wp_enqueue_script('jquery'); 
     wp_enqueue_style('bootstrap-css', get_template_directory_uri() . '/includes/css/bootstrap.min.css', '', '','all'); 
     wp_enqueue_style('style', get_stylesheet_uri()); 
     wp_enqueue_script('bootstrap-js', get_template_directory_uri() . '/includes/js/bootstrap.min.js', '', array('jquery'), true); 
     wp_enqueue_script('custom-js', get_template_directory_uri() . '/includes/js/custom.js', '', array('jquery'), true); 
    } 
    add_action('wp_enqueue_scripts', 'load_style_sheets');

我故意有設置爲「真」我的腳本的最後一個值，因爲我需要我的劇本的主體內容，however-他們似乎並沒有被加載後加載英寸基本上我希望發生的是，每次我宣佈一個div類的「裝飾品」，我的JS文件運行此：

// add divider line ornaments 
    function addLineOrnaments() { 
     $(".ornament").append('<img src="img/divider-glyph.png" alt="" />'); 
    } 
    addLineOrnaments();

當測試這對一個靜態的HTML網站，我沒有任何問題，所以我米猜測我在WordPress中做錯了什麼。

來源

2014-02-27 Nick Jankowski

你是說他們不加載。那麼他們實際上是不是加載，或者這只是你的猜測？ – zerkms

只是僅供參考，用CSS做這件事可能是一個更好的主意...... –

當我用開發人員工具查看頁腳時，它顯示腳本處於底部，但它們沒有做任何事情。我不能使用CSS，因爲，因爲我所做的主要內容區域到自定義窗口小部件區域，所有的網站不同的潛在部分已製成widgets-這樣oranament文件，例如，用於作爲分隔線。 –

-1

我注意到Wordpress在'安全'模式下加載jQuery，在這裏你不能使用$作爲簡寫。嘗試使用

 jQuery(".ornament").append('<img src="img/divider-glyph.png" alt="" />');

代替

來源

2014-02-27 22:46:41 corneliusk

你不只是說'$ = jQuery'並且只是做OP有什麼？ – putvande

我想你可以，但Wordpress和其他框架默認情況下以兼容模式加載jQuery，因此您可以使用其他Javascript框架，其中一些框架與可能要啓用的插件捆綁在一起。所以，雖然它可能會工作，但可能會導致問題。 – corneliusk

真的是downvote？從上面的評論來看，腳本被加載，這是OP的函數調用不起作用。 OP還應該嘗試使用Firebug或Chrome開發者工具... – corneliusk

JavaScript文件並沒有在WordPress的加載

回答

相關問題