Question

我正在寻求javascript切换的帮助。

我可以在使用子页面定位li时使切换工作正常，但是当我向li添加跨度并尝试定位以显示我的子页面时，没有任何反应。

这是我的剧本：

$('.page_item_has_children ').click(function (e) {
     e.stopPropagation();
     $(this).children('ul').toggle();
 });

这是我的功能：

/**
* List Child pages for Pages
*/
function my_list_child_pages() { 
global $post;
if ( is_page() && $post->post_parent )
$childpages = wp_list_pages( 'sort_column=menu_order&title_li=&child_of=' . $post->post_parent . '&echo=0&link_after=<span class="active"></span>' );
else
$childpages = wp_list_pages( 'sort_column=menu_order&title_li=&child_of=' . 
$post->ID . '&echo=0&link_after=<span class="active"></span>' );
if ( $childpages ) {
$string = '<ul class="childPages">' . $childpages . '</ul>';
}
return $string;
}
add_shortcode('my_childpages', 'my_list_child_pages');

这是我的CSS：

#child-pages {
background-color: rgba(85, 75, 70, 0.1);
}

#child-pages ul {
margin: 0;
list-style: none;
padding: 0;
}

#child-pages ul li {
margin: 0;
}

#child-pages ul li ul li {
padding-left: 15px;
}

.childPages .children {
display: none;
}

.childPages .children.show {
display: block;
}

#child-pages ul .page_item_has_children span {
content: '+';
display: inline-block;
float: right;
}

我已经为.page_item_has_children添加了一个范围，我可以通过点击此范围来切换孩子吗？

切换li span以显示子页面

0 个答案: