Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.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
Javascript jQuery-Cloud9 Carousel-goTo函数_Javascript_Jquery_Slider_Carousel - Fatal编程技术网

Javascript jQuery-Cloud9 Carousel-goTo函数

Javascript jQuery-Cloud9 Carousel-goTo函数,javascript,jquery,slider,carousel,Javascript,Jquery,Slider,Carousel,我试图用Cloud9旋转木马实现goTo(itemIndex)功能。您可以看到,Cloud9 carousel有一个内置函数go(x),它可以移动您定义的旋转木马x次。但我试图实现的是转到旋转木马中的特定项目,而不是x时间幻灯片更改。例如,如果在go功能中放入3,旋转木马将滚动3次。我需要一些特定的东西,比如下面的降价: <li id="item1">Example 1</li> <li id="item2">Example 3</li> <

我试图用Cloud9旋转木马实现
goTo(itemIndex)
功能。您可以看到,Cloud9 carousel有一个内置函数
go(x)
,它可以移动您定义的旋转木马
x
次。但我试图实现的是转到旋转木马中的特定项目,而不是
x
时间幻灯片更改。例如,如果在
go功能中放入3,旋转木马将滚动3次。我需要一些特定的东西,比如下面的降价:

<li id="item1">Example 1</li>
<li id="item2">Example 3</li>
<li id="item3">Example 2</li>
这将提供一个
整数,该整数对应当前显示的项目,因此我们可以通过给出正参数和负参数来计算其他索引


< P>请,如果有人考虑给我一些启示,Cythd9转盘项目的GITHUB链接是:

< P>您可以使用以下函数:

其中hits是旋转木马项目的数组

function goto(item){
  if( hits.length !== 0 ) {
        var idx = hits.index(item);
        var count = hits.length;
        var diff = idx - ($("#mycarousel").data("carousel").floatIndex() % count);
        if( 2 * Math.abs(diff) > count )
        diff += (diff > 0) ? -count : count;
       $("#mycarousel").data("carousel").destRotation = $("#mycarousel").data("carousel").rotation;
        $("#mycarousel").data("carousel").go( -diff );

  }

}

希望它将有助于

注意到2.1.0中的流行需求I
goTo(index)


现在的用法是:
$(“旋转木马”).data(“旋转木马”).goTo(3)

将对其进行测试并发回给您。提前谢谢
function goto(item){
  if( hits.length !== 0 ) {
        var idx = hits.index(item);
        var count = hits.length;
        var diff = idx - ($("#mycarousel").data("carousel").floatIndex() % count);
        if( 2 * Math.abs(diff) > count )
        diff += (diff > 0) ? -count : count;
       $("#mycarousel").data("carousel").destRotation = $("#mycarousel").data("carousel").rotation;
        $("#mycarousel").data("carousel").go( -diff );

  }

}