自定義WordPress主題中的jQuery代碼片段

Question

我發現我想在自定義WordPress主題中使用jQuery scroll trick。我遇到的問題是.scroll()的功能從未執行過。

爲了調試的目的，我已經減少了腳本爲以下：

(function() { 
    alert("foo"); 
    $(window).scroll(function (evt) { 
    alert("bar"); 
    }); 
})(); 

我已經放置在JS在mytheme.js和加入下列到functions.php：

function mytheme_enq_script() { 
    wp_enqueue_script('mytheme', get_template_directory_uri().'/mytheme.js', 
    array('jquery'), '0.1', true); 
} 
add_action('wp_enqueue_scripts', 'mytheme_enq_script'); 

的PHP必須是正確的，因爲該腳本已加載並顯示「foo」警報，但「bar」警報不會。我最小的jQuery代碼有什麼問題？

Answer 1

我看了一下Web控制檯，通過TypeError: $ is not a function when calling jQuery function脫脂，改變了JS以下：

(function ($) { 
    alert("foo"); 
    $(window).scroll(function (evt) { 
    alert("bar"); 
    }); 
})(jQuery); 

現在它加載預期。