javascript - 如何让 jQuery 在管理区工作？

Question

我在 WordPress 的主题选项页面中包含了 Twitter Bootstrap，以帮助设置主题选项页面的样式。之前，当我注销 jQuery 并添加我自己的版本时，所有代码都使用 $，因为我不必担心 WordPress 总是有一个 jQuery 附加到所有内容，我可以使用 $ 并完成它。

不幸的是，您不应该注销 jQuery，即使它只是在您自己的管理页面上完成也是如此。

所以我四处寻找仍然可以在 jQuery 中使用 $ 的方法，并写下了这个:

(function($){   
    $(document).ready(function(){
        $('.posts').click(function(){
            if ($(this).attr("id") == "list"){
                $('.sectionLists').show();
            } else {
                $('.sectionLists').hide();
            }
        });
});
})(jQuery);

没有控制台错误 - 在我的代码中，但我的 Twitter Bootstrap Javascript 依赖函数都没有工作，例如 Popovers、Tabs 或任何其他类似的功能，上面的代码甚至没有工作。

但是，如果我将它粘贴到 Chrome 控制台并按回车键，它就会正常工作。

这是怎么回事？

Answer 1

您可能试图在加载 jQuery 之前调用它 - 这就是它在页面中不起作用但在控制台中起作用的原因。

您是否添加了如下所示的 jQuery 依赖项，并在 wp_enqueue_script 处的法典中显示了这一点？ ？

function iamb_inc_bootstrap() {

    wp_register_script(
        'js_bootstrap',
        get_template_directory_uri() . '/bootstrap/js/bootstrap.min.js',
        array('jquery'),
        '20130219',
        true
    );

    wp_enqueue_script('js_bootstrap');
}
add_action('wp_enqueue_scripts', 'iamb_inc_bootstrap');