在WordPress循环中点击两个提交按钮时,如何在两个图像之间切换div元素?

时间:2013-12-13 作者:Dhans

当同时单击两个提交按钮时,如何在wordpress循环中的两个图像之间切换div元素?我有一个div,单击第一个提交按钮时应选择第一个图像,然后单击第二个按钮时选择第二个图像。现在这只是第一篇文章。

<div class="totart">

            <?php while ( have_posts() ) : the_post(); ?>
<div class="first_image" id="img1" style="display: block;">
    <?php   the_post_thumbnail(); ?></div>
         <div class="second_image" id="img2" style="display: none;"> 
             <?php if (class_exists(\'MultiPostThumbnails\')) :    
                   MultiPostThumbnails::the_post_thumbnail(get_post_type(), \'secondary-image\');   
           endif; ?></div>
        <input type="button" value="" id="btn1" style="background:yellow;" />
       <input type="button" value="" id="btn2" style="background:green;"/>


            <?php endwhile; // end of the loop. ?>


        </div>  
jquery

    <script type="text/javascript">
$(\'#btn1\').click(function(e) {
    e.preventDefault(); // prevent submitting forms by accident
    $(\'#img1\').show();
    $(\'#img2\').hide();
});
$(\'#btn2\').click(function(e) {
    e.preventDefault(); // prevent submitting forms by accident
    $(\'#img1\').hide();
    $(\'#img2\').show();
});

1 个回复
SO网友:Prasad Ajinkya

所有帖子的ID都必须是唯一的,因此我建议您在代码中串联btn1 ID>。

并更改jquery选择器代码。这就应该成功了!

结束

相关推荐

Several loop in search result

我想在搜索后的结果中使用两个循环。首先,如果有结果,我开始循环<?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> 并在循环后显示属于某个类别的文章<?php $cats = get_categories(); foreach ($cats as $cat) { query_posts(\'cat=\'.$cat-&g