我在Wordpress主页中使用了Cycle2插件,但无法正常工作。首先,我尝试使用“ cycle-slideshow”类,但是我只能在控制台日志中得到它:
[cycle2] --c2初始化-
现在,我正在尝试使用API,但仍然只获取日志消息,没有滑块。这是我的代码:
<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>
最佳答案
固定它。默认情况下,它支持图像,因此要使其他元素之外的滑块成为选择器,则需要指定它:
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery( '#home_slider' ).cycle({ slides: '.home_slide' });
});
</script>
关于php - WordPress Jquery Cycle2插件不起作用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/16531246/