Javascript 如何让精益模式js在wordpress中显示多个模式?
我已经在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
<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" });
});