Jquery 任何滑块、wordpress和魔法域

这是我的问题

我在wordpress和magic fields上发现了一些奇怪的行为，再加上anything滑块。主要问题是，我试图加载到滑块中的缩略图图像在内容中加倍。同样，从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>

var UPDATECOPTION1=函数（滑块1）{
var cap=slider1.$currentPage.find（'.caption1'）.html（）；
$（“.current-caption1”）
.html（cap）
.fadeIn（200）；
};
$（“#slider1”）。任意滑块({
navigationFormatter:函数（i，面板）{
返回面板.find（'.thumbnail1'）.html（）；
},
//**********回调***********
//插件完成初始化时回调
onInitialized:function（e，slider1）{updateoption1（slider1）；}，
//幻灯片动画制作前的回调
onSlideBegin：函数（e，滑块1）{
$（'current-caption1'）。淡出（200）；
},
//幻灯片完成时回调-无事件变量！
onSlideComplete:function（slider1）{updateoption1（slider1）；}
});

感谢您提供的任何帮助。

<?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>

我认为任何ThingSlider都依赖于一个直接的子对象，或者它可以抓取的任何其他对象，并且您可能有一点语法错误，这可能是导致问题的原因。请注意上面的

在endwhile之后。它应该像这样在循环中

<?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; ?>

---

让我知道这是否解决了您的问题。

是否使用css隐藏面板内的缩略图？为什么要把李放在沙发里？李的应该用ul包装，或者用DIV代替李的。你有没有可以分享的演示，上面的代码似乎还可以。你的“获取图像”和“获取”方法做什么？这些不是WP的核心功能。汤姆。。。这些来自魔法场插件。他们获取自定义字段数据你试过使用get_posts（）而不是WP_查询吗？是的，我试过j-man。哈哈，给了我更多的问题。我现在在更新的浏览器上工作，但是我有IE问题，所以不要再担心在这个问题上帮我了，谢谢。