jquery - 任何 slider 、wordpress 和 magic fields

Question

这是我的问题。

我在 WordPress 和 Magic Field 以及任何 slider 上遇到了一些奇怪的行为。主要问题是我尝试加载到 slider 中的缩略图在内容中加倍。同样，从 WordPress 内容加载的实际图像会加载两次，而不是一次。很难描述，所以最好看一下我的代码，谢谢。

    <div class="posts">
        <div class="slider" id="slider1">
        <?php 
            $loop = new WP_Query(array('post_type' => 'printcontent', 'posts_per_page' => 50)); 
        ?>
        <?php while ( $loop->have_posts() ) : $loop->the_post(); ?>
        <li>
            <?php the_content();?>
            <h1 class="caption1"><?php echo get('print_caption'); ?></h1>
            <div class="thumbnail1"><?php echo get_image('print_thumbnail'); ?></div>
        <?php endwhile; ?>
        </li>
        </div>
        <div class="current-caption1"></div>
    </div>

然后这是我的调用脚本。

<script>
var updateCaption1 = function(slider1){
    var cap = slider1.$currentPage.find('.caption1').html();
    $('.current-caption1')
        .html(cap)
        .fadeIn(200);
};

$('#slider1').anythingSlider({

      navigationFormatter : function(i, panel){
        return panel.find('.thumbnail1').html();
      },

    // *********** Callbacks ***********
    // Callback when the plugin finished initializing
    onInitialized: function(e, slider1) { updateCaption1(slider1); },

    // Callback before slide animates
    onSlideBegin: function(e, slider1) {
        $('.current-caption1').fadeOut(200);
    },

    // Callback when slide completes - no event variable!
    onSlideComplete: function(slider1) { updateCaption1(slider1); }

});
</script>

感谢您提供的任何帮助。

Answer 1

<?php while ( $loop->have_posts() ) : $loop->the_post(); ?>
        <li>
            <?php the_content();?>
            <h1 class="caption1"><?php echo get('print_caption'); ?></h1>
            <div class="thumbnail1"><?php echo get_image('print_thumbnail'); ?></div>
<?php endwhile; ?>
</li>

我认为 AnythingSlider 依赖于直接子项 <p><li><div>或者它可以抓取的任何其他内容，并且您有一点语法错误可能会导致该问题。请注意上面您的 </li>是在末日之后。它应该像这样在循环内...

<?php while ( $loop->have_posts() ) : $loop->the_post(); ?>
        <li>
            <?php the_content();?>
            <h1 class="caption1"><?php echo get('print_caption'); ?></h1>
            <div class="thumbnail1"><?php echo get_image('print_thumbnail'); ?></div>
        </li>
<?php endwhile; ?>

请告诉我这是否可以解决您的问题。