Question

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

使用id #winecycle。

此页面上的滑块：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>的葡萄酒。尝试更改要用<li>标记的葡萄酒图像，看看它是如何工作的。

jQuery水平滑块不在一个页面上工作另一个页面正在工作？

1 个答案: