jQuery 水平 slider 不能在一个页面上工作，而另一个页面正在工作？

Question

我很难理解为什么这个页面上的这个 slider 不起作用:http://bit.ly/tmKdEQ

它使用 ID #winecycle。

此页面上的 slider :http://bit.ly/w0rsDv使用完全相同的代码工作正常。

任何人都可以阐明这一点吗？

谢谢

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/assets/js/easySlider1.7.js"></script>
<script type="text/javascript">
    $(document).ready(function(){   
        $("#slider").easySlider({
            auto: true,
            continuous: true,
            speed:      1900,
            auto:           true,
            pause:          3000,
            controlsShow:   false

        });

        $("#sliderFood").easySlider({ 
            auto: true,
            continuous: true,
            speed:      1900,
            auto:           true,
            pause:          3000,
            controlsShow:   false
        });

        $("#winecycle").easySlider({ 
            auto: true,
            continuous: true,
            speed:      1900,
            auto:           true,
            pause:          3000,
            controlsShow:   false
        });

        $("#sliderHomeWidget").easySlider({ 
            auto: true,
            continuous: true,
            speed:      1600,
            auto:           true,
            pause:          3000,
            controlsShow:   false
        });


    }); 
</script>


<div id="winecycle">
<ul>        
    <?php wp_reset_query(); ?>
    <?php query_posts('category_name=wine-cycle&showposts=9&order=ASC'); if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
    <?php the_content(); ?>
    <?php endwhile; ?>
    <?php else : ?>  
    <div>No Images can be found</div>
    <?php endif; ?>
    <?php wp_reset_query(); ?>
</ul>
</div>

Answer 1

美食页面上标有<li>的图片和酒 <p> .尝试更改 Wine 图像以标记为 <li>看看它是如何工作的。