我想用jQuery TreeView 在wp\\u list\\u页面上编写脚本，以获得良好的可折叠树效果。

脚本要求我向列表元素添加一些类，例如：

<ul id="red" class="treeview-red">

所以我试着把这个放在我的模板中：

首先，通过wp\\u enqueue\\u script（）在我的模板页面上加载脚本

wp_enqueue_script("av_jquery_tree");
get_header();

其中，插件中定义了“av\\u jquery\\u tree”：

function av_jquery_tree() {
wp_register_script(\'jquery.treeview\', get_template_directory_uri() . \'/js/jquery.treeview/jquery.treeview.js\', array(\'jquery\'), \'1.0\' );
wp_register_script(\'jquery.cookie\', get_template_directory_uri() . \'/js/jquery.treeview/jquery.cookie.js\', array(\'jquery\'), \'1.0\' );
wp_enqueue_script(\'jquery.treeview\');
wp_enqueue_script(\'jquery.cookie\');
}
add_action(\'wp_enqueue_scripts\', \'av_jquery_tree\');

其次，为了向页面上的第一个ul元素添加类和id，我只需在调用wp\\u list\\u页面的上方插入以下脚本：

<script>
    jQuery(document).ready(function(){
    jQuery("ul").first().attr("id", "red").addClass("treeview-red");
    });
</script>

不幸的是，我的输出只是wp\\u list\\u页面上的一堆红线。还请记住，我使用的是漫反射主题preloads jquery.

<script>
    jQuery(document).ready(function(){
        jQuery("ul:first-child").attr("id", "red").addClass("treeview-red");
    });
</script>

function my_enqueue_scripts() {
    wp_enqueue_script( "jquery" );
    wp_enqueue_script( "jquery-treeview", get_bloginfo( "template_url" ) . "/path/to/jquery.treeview.js" );
}
add_action( "wp_enqueue_scripts", "my_enqueue_scripts" );