Javascript 向脚本动态添加选项

Javascript 向脚本动态添加选项,javascript,php,jquery,pagepiling.js,Javascript,Php,Jquery,Pagepiling.js,我正在使用 在我的项目中,特别是添加菜单的选项 根据文档,您可以简单地添加html: <ul id="myMenu"> <li data-menuanchor="firstPage" class="active"><a href="#firstPage">First section</a></li> <li data-menuanchor="secondPage"><a href="#secondPag

我正在使用 在我的项目中,特别是添加菜单的选项

根据文档,您可以简单地添加html:

<ul id="myMenu">
    <li data-menuanchor="firstPage" class="active"><a href="#firstPage">First section</a></li>
    <li data-menuanchor="secondPage"><a href="#secondPage">Second section</a></li>
    <li data-menuanchor="thirdPage"><a href="#thirdPage">Third section</a></li>
    <li data-menuanchor="fourthPage"><a href="#fourthPage">Fourth section</a></li>
</ul>
但是,我想添加动态菜单元素,例如:

<ul id="myMenu">
    while ( $loop->have_posts() ) : $loop->the_post(); ?>
        <li data-menuanchor="<?php sanitize_title(the_title()); ?>"><a href="#<?php sanitize_title(the_title()); ?>"><?php the_title(); ?></a></li>
    <?php endwhile; ?>
</ul>
    而($loop->have_posts()):$loop->the_post();?>
    我想你可以通过JS得到menuanchor数组

    var myAnchors = [];
    
    $( "#myMenu li" ).each(function( index ) {
      myAnchors.push($(this).attr("data-menuanchor"));
    });
    
    console.log(myAnchors);
    
    $('#pagepiling').pagepiling({
        anchors: myAnchors,
        menu: '#myMenu'
    });
    

    我想你可以通过JS得到menuanchor数组

    var myAnchors = [];
    
    $( "#myMenu li" ).each(function( index ) {
      myAnchors.push($(this).attr("data-menuanchor"));
    });
    
    console.log(myAnchors);
    
    $('#pagepiling').pagepiling({
        anchors: myAnchors,
        menu: '#myMenu'
    });
    

    将字符串添加到数组中,然后
    将其内爆
    到js中?也许你的问题应该是“如何动态添加节”?菜单不是问题。。。问题是动态地将锚点分配给新节。将字符串添加到数组中,然后
    将其内爆到js中?也许你的问题应该是“如何动态地添加节”?菜单不是问题。。。问题是将锚点动态分配给新节。