Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/qt/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery cycle()转到页面名称?_Jquery_Jquery Cycle - Fatal编程技术网

jQuery cycle()转到页面名称?

jQuery cycle()转到页面名称?,jquery,jquery-cycle,Jquery,Jquery Cycle,请了解如何为linkLive设置jQuery.cycle()插件 类似于此,根据您的需要进行修改: <div id="slides"> <div name="slide_blue"> content of slide name slide_blue</div> <div name="slide_red"> content of slide name slide_red</div> <div name="slide_yellow"&

请了解如何为link
Live设置jQuery.cycle()插件

类似于此,根据您的需要进行修改:

<div id="slides">
<div name="slide_blue"> content of slide name slide_blue</div>
<div name="slide_red"> content of slide name slide_red</div>
<div name="slide_yellow"> content of slide name slide_yellow</div>
</div>

<div>
    <a href=".cycle() to div name slide_blue" class="slide_blue">Blue<a>
    <a href=".cycle() to div name slide_red" class="slide_red">Red<a>
    <a href=".cycle() to div name slide_yellow" class="slide_yellow">Yellow<a>
</div>

<script>
(function() {

    $("#slides").cycle({
       fx: 'scrollRight'
    });

    var cycleTo = function() {
        var className = $(this).attr('class');
        var divSelected = $('#slides div[name='+className+']');
        var slideIndex = $('#slides div').index(divSelected);
        $('#slides').cycle(slideIndex); 
        return false; 
    }

    $('div a').click(cycleTo); 

}())
</script>

幻灯片名称的内容幻灯片\蓝色
幻灯片名称幻灯片内容\u红色
幻灯片名称幻灯片内容\u黄色
蓝色
红色
黄色的
(功能(){
$(“#幻灯片”)。循环({
fx:'向右滚动'
});
var cycleTo=函数(){
var className=$(this.attr('class');
var divSelected=$('#slides div[name='+className+']);
var slideIndex=$(“#slides div')。索引(divSelected);
$('幻灯片')。循环(幻灯片索引);
返回false;
}
$('div a')。单击(循环到);
}())
<a href=".cycle() to div name slide_blue">Blue<a>
<a href=".cycle() to div name slide_red">Red<a>
$("#slides").cycle({
fx: 'ScrollHorz'
});
<div id="slides">
<div name="slide_blue"> content of slide name slide_blue</div>
<div name="slide_red"> content of slide name slide_red</div>
<div name="slide_yellow"> content of slide name slide_yellow</div>
</div>

<div>
    <a href=".cycle() to div name slide_blue" class="slide_blue">Blue<a>
    <a href=".cycle() to div name slide_red" class="slide_red">Red<a>
    <a href=".cycle() to div name slide_yellow" class="slide_yellow">Yellow<a>
</div>

<script>
(function() {

    $("#slides").cycle({
       fx: 'scrollRight'
    });

    var cycleTo = function() {
        var className = $(this).attr('class');
        var divSelected = $('#slides div[name='+className+']');
        var slideIndex = $('#slides div').index(divSelected);
        $('#slides').cycle(slideIndex); 
        return false; 
    }

    $('div a').click(cycleTo); 

}())
</script>