Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何让精益模式js在wordpress中显示多个模式?_Javascript_Jquery_Wordpress_Modal Dialog_Advanced Custom Fields - Fatal编程技术网

Javascript 如何让精益模式js在wordpress中显示多个模式?

Javascript 如何让精益模式js在wordpress中显示多个模式?,javascript,jquery,wordpress,modal-dialog,advanced-custom-fields,Javascript,Jquery,Wordpress,Modal Dialog,Advanced Custom Fields,我已经在WordPress中将团队成员页面的模式设置为高级自定义字段转发器字段。该部分工作得很好,因为它重复并且模态打开,但是它只有第一个团队成员的模态打开,即使它是另一个团队成员。我的代码如下: <div class="leadership-row"> <?php if ( get_field('leadership_block') ): w

我已经在WordPress中将团队成员页面的模式设置为高级自定义字段转发器字段。该部分工作得很好,因为它重复并且模态打开,但是它只有第一个团队成员的模态打开,即使它是另一个团队成员。我的代码如下:

           <div class="leadership-row">
                <?php 
                    if ( get_field('leadership_block') ):
                    while( has_sub_field('leadership_block') ) :
                ?>
                <div class="Leadership">
                    <a href="#teammember" rel="leanModal">
                    <div class="leadership-image">
                        <img src="<?php echo get_sub_field('leadership_image'); ?>" />
                    </div><!-- end of leadership-image -->
                    </a>
                    <div class="leadership-copy">
                        <h5 class="leadership-name"><?php echo get_sub_field('leadership_name'); ?></h5>
                        <h5 class="leadership-position"><?php echo get_sub_field('leadership_position'); ?></h5>
                    </div>
                </div><!-- end of Leadership -->
                <?php 
                    endwhile;
                    endif;
                ?>  
                <?php 
                    if ( get_field('team_modal') ):
                    while( has_sub_field('team_modal') ) :
                ?>
                    <div id="teammember">
                        <a class="modal_close"></a>
                        <div class="modal-image">
                            <img src="<?php echo get_sub_field('modal_image'); ?>" />
                        </div><!-- end of modal-image -->
                        <div class="modal-copy">
                            <h4><?php echo get_sub_field('modal_name'); ?></h4>
                            <p><?php echo get_sub_field('modal_position'); ?></p>
                            <img src="<?php echo get_sub_field('modal_icon'); ?>" />
                            <p><?php echo get_sub_field('modal_description'); ?></p>
                        </div><!-- end of modal-copy -->
                    </div><!-- end of teammember -->
                <?php 
                    endwhile;
                    endif;
                ?>
             </div> 

任何帮助都将不胜感激

在这些情况下,我通常会进行计数。下面是一个松散的示例:
    jQuery(document).ready(function($) {
$("a[rel*=leanModal]").leanModal({ top : 200, overlay : 0.4, closeButton: ".modal_close" });


});