在wordpress中放置javascript函数以应用于侧面导航

Question

我有以下代码，最初隐藏wordpress中侧边栏菜单的子导航：

$(document).ready(function() {
    $(".children").hide();
    $("#menu-item").click(function() {
        $('.children').slideToggle('medium');
    });
});

我在jsfiddle（http://jsfiddle.net/MLUb8/）中正常工作，但无法在wordpress中使用它。在我的主题中应该放在哪里工作？我试过了header.php，footer.php和模板文件。

Answer 1

您应该将代码放在单独的文件中，并使用wp_enqueue_script将其包含在内（$deps的值应为array( 'jquery' )：

http://codex.wordpress.org/Function_Reference/wp_enqueue_script

此外，WordPress使用noconflict，所以你应该稍微修改你的代码，如下所示：

jQuery(document).ready(function($) {
    $(".children").hide();
    $("#menu-item").click(function() {
        $('.children').slideToggle('medium');
    });
});

Answer 2

它实际上直接在模板文件中工作。无需嵌入单独的文件。