sub menu link is not working

时间:2019-09-20 作者:user2740846

我使用的主题是使用以下代码显示目录:

            <div class="menu-panel">
            <h3>\' . __(\'Table of Contents\', \'odrin\') . \'</h3>
            <ul id="menu-toc" class="menu-toc is-perfect-scrollbar">\';

                if( odrin_have_rows(\'read_the_book_chapters\',  $post_id) ):

                    $item_num = 1;

                    while ( odrin_have_rows(\'read_the_book_chapters\',  $post_id) ) : the_row();

                        $output .= \'<li><a href="#item\'. $item_num = 1 . \'">\' . odrin_get_sub_field(\'title\',  $post_id) .\'</a></li>\';

                        $item_num++;

                    endwhile;

                endif;

            $output .= \'</ul>

        </div>
我希望列表项有子项,就像我们在WordPress中有子菜单一样。我创建了一个新的真/假字段“sub”,并将代码编辑为如下所示

while ( odrin_have_rows(\'read_the_book_chapters\',  $post_id) ) : the_row();

if (odrin_get_sub_field(\'sub\')){
    $output .= \'<ul">\'; 
}

    $output .= \'<li><a href="#item\'. $item_num = 1 . \'">\' . odrin_get_sub_field(\'title\',  $post_id) .\'</a></li>\';

if (odrin_get_sub_field(\'sub\')){
    $output .= \'</ul>\';     
}

$item_num++; endwhile;
现在,选中字段子菜单的项目显示为子菜单,但当我单击此子菜单链接时,它将不起作用。

参考URL为:http://test.punjabeducatorscommunity.com/

1 个回复
最合适的回答,由SO网友:user2740846 整理而成

这个代码对我有用

while ( odrin_have_rows(\'read_the_book_chapters\',  $post_id) ) : the_row(); if (odrin_get_sub_field(\'sub\')){
$output .= \'<li><ul>\'; }
$output .= \'<li><a href="#item\'. $item_num = 1 . \'">\' . odrin_get_sub_field(\'title\',  $post_id) .\'</a></li>\';if (odrin_get_sub_field(\'sub\')){
$output .= \'</ul></li>\';}$item_num++; endwhile;
我失踪了<li> 子菜单的。意思是<ul> 子菜单的<li> 父级的。

下面是子菜单的结构

<ul>
    <li>Parent Item
        <ul><li>Sub Menu Item</li></ul>
    </li>
    <li>Another Parent Item</li>
</ul>

相关推荐

Ajax WordPress pass post URLs

我正在使用wp_localize_script 将post数据发送到ajax。wp_localize_script( \'my-script.js\', \'ajax_object\', array(\'ajax_url\' => admin_url(\'admin-ajax.php\')) ); add_action( \'wp_ajax_load_more_posts\', \'ajax_posts\' ); 将post数据发送到ajax:function ajax_posts