Question

我正在尝试向Wordpress添加下一个/上一个按钮功能。我正在使用WP Post Popup创建模态（这是更简单的方法-仅需要向属性添加.modal-link类），虽然很棒，但是没有上/下一个功能。如何添加？

我想实现以下目标：

     $('.btn-next').click(function() {
        $('body').children('.member').not('.activeMember').first().find('.modal-link').click();
     });

这是WPbakery生成的HTML结构（每个项目都是一个循环）：

<div class="vc_grid-item vc_clearfix vc_col-sm-2 vc_visible-item fadeIn animated">
  <div class="vc_grid-item-mini vc_clearfix">
    <div class="vc_gitem-animated-block">
        <div class="vc_gitem-zone vc_gitem-zone-a vc-gitem-zone-height-mode-auto vc-gitem-zone-height-mode-auto-1-1">
            <div class="vc_gitem-zone-mini">
                <div class="vc_gitem_row vc_row vc_gitem-row-position-top">
                    <div class="vc_col-sm-12 member vc_gitem-col vc_gitem-col-align">
                        <div class="wpb_single_image wpb_content_element vc_align_">
                            <figure class="wpb_wrapper vc_figure">
                                <div class="vc_single_image-wrapper   vc_box_border_grey">
                                    <img class="vc_single_image-img " src="/wp-content/uploads/2018/12/Rectangle-4435-200x200.png" width="200" height="200" alt="John Smith" title="John Smith">
                                </div>
                            </figure>
                        </div>


                        <div class="wpb_text_column wpb_content_element ">
                            <div class="wpb_wrapper">
                                <div class="hoverMember"></div>

                            </div>
                        </div>
                        <div class="vc_custom_heading memberName vc_custom_1548452142837 vc_gitem-post-data vc_gitem-post-data-source-post_title"><div style="text-align: left"><a href="/2019/01/25/member2/" class="modal-link clicked-modal" title="John Smith">John Smith</a></div>
                        </div>  
                    </div>
                </div>  
            </div>
        </div>
    </div>

我该怎么做才能使这些按钮按预期工作（下一个按钮将在下一个.member链接中打开，上一个按钮将在上一个（如果可用）中打开？

WordPress发布弹出窗口（模式）下一个/上一个按钮+ WPbakery

0 个答案: