php - WordPress Jquery Cycle2 插件无法正常工作

Question

我在我的 Wordpress 主页中使用 Cycle2 插件，但它不起作用。首先，我尝试使用“cycle-slideshow”类，但我只在控制台日志上得到这个:

[cycle2] --c2 init--

现在我尝试使用 API，但仍然只能获取日志消息，没有 slider 。这是我的代码:

<script type="text/javascript">
            jQuery(document).ready(function(){
                jQuery( '#home_slider' ).cycle();
            });
            </script>

            <div id='home_slider'>
                                <div class='home_slide'>
                    <div class='slide_tit'>Proyectos</div>
                    <div class='slide_resumen'>Esta es la descripcion</div>
                    <img src='http://localhost/laben/wp-content/uploads/2013/05/header03.jpg'/>
                </div>
                            <div class='home_slide'>
                    <div class='slide_tit'>Investigación</div>
                    <div class='slide_resumen'>Las principales Áreas de Investigación del Laboratorio de Envases de la Universidad de Santiago de Chile están relacionadas con Envases Activos, Interacción Envase/Alimento, Nanotecnología y Envases Biodegradables. Es preciso indicar que todas estas no son áreas independientes sino más bien áreas que se complementan totalmente entre sí.</div>
                    <img src='http://localhost/laben/wp-content/uploads/2013/05/header01.jpg'/>
                </div>
                            <div class='home_slide'>
                    <div class='slide_tit'>Servicios</div>
                    <div class='slide_resumen'>Esta es la descripcion</div>
                    <img src='http://localhost/laben/wp-content/uploads/2013/05/header02.jpg'/>
                </div>

Answer 1

已修复。它默认支持图像，因此要使其他元素成为 slider ，需要指定一个选择器:

<script type="text/javascript">
jQuery(document).ready(function(){
    jQuery( '#home_slider' ).cycle({ slides: '.home_slide' });
});
</script>