Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.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 触发';下一个';尼尔多尔蒂'框架;s coda slider 2.0-是否可以使用javascript.change事件?_Jquery_Javascript Events_Coda Slider - Fatal编程技术网

Jquery 触发';下一个';尼尔多尔蒂'框架;s coda slider 2.0-是否可以使用javascript.change事件?

Jquery 触发';下一个';尼尔多尔蒂'框架;s coda slider 2.0-是否可以使用javascript.change事件?,jquery,javascript-events,coda-slider,Jquery,Javascript Events,Coda Slider,为了让这一切顺利进行,我已经把自己逼疯了。我尝试的各种变化已经变得非常尴尬——我似乎不知道Niall slider想要我做什么,以便在不点击任何内容的情况下触发slider进入下一帧 我想要的是,当表单元素发生更改时,滑块滑动到下一帧。因此,对于jquery,它应该简单地说: $(document).ready(function() { $('#radioButton').change(function(){ GO TO THE NEXT FRAME });

为了让这一切顺利进行,我已经把自己逼疯了。我尝试的各种变化已经变得非常尴尬——我似乎不知道Niall slider想要我做什么,以便在不点击任何内容的情况下触发slider进入下一帧

我想要的是,当表单元素发生更改时,滑块滑动到下一帧。因此,对于jquery,它应该简单地说:

$(document).ready(function()  
 {  
  $('#radioButton').change(function(){  
   GO TO THE NEXT FRAME  
  });  
 })  
但很明显,事情并没有那么简单。我试过很多东西。一些绝望的事情。主要是想触发他的部分代码。使下一帧发生的代码如下:

    $('#coda-nav-right-' + sliderCount + ' a').click(function(){
        navClicks++;
        if (currentPanel == panelCount) {
            offset = 0;
            currentPanel = 1;
            alterPanelHeight(0);
            slider.siblings('.coda-nav').find('a.current').removeClass('current').parents('ul').find('a:eq(0)').addClass('current');
        } else {
            offset = - (panelWidth*currentPanel);
            alterPanelHeight(currentPanel);
            currentPanel += 1;
            slider.siblings('.coda-nav').find('a.current').removeClass('current').parent().next().find('a').addClass('current');
        };
        $('.panel-container', slider).animate({ marginLeft: offset }, settings.slideEaseDuration, settings.slideEaseFunction);
        if (settings.crossLinking) { location.hash = currentPanel }; // Change the URL hash (cross-linking)
        return false;
    });
这是我对javascript非常平庸和对Niall的代码相当不熟悉的结合。评论很好,但我不能确切地说出每条线上发生了什么。当我看到时,我真的不确定如何使我的.change函数发生同样的事情


不管怎样,如果有人能告诉我这件事,我会非常感激。我想如果有人能帮我弄明白这一点的话,它也会帮我解决很多问题。我想这里有一些关于javascript的东西我不理解,但我不知道它是什么。

您可以使用jQuery中的no args函数以编程方式单击链接。假设您使用与大多数示例相同的设置,您应该能够编写如下内容:

HTML:

这将单击位于演示中“右”链接默认位置的链接。您可以在此处看到一个工作示例:


旁注:您考虑过使用吗?jQueryUI有一个更有用、文档更完善的API,您可以轻松地重新创建Coda slider的效果和功能。在StackOverflow这样的网站上,您可能也会得到更好的支持。

您可以使用jQuery中的no args函数以编程方式单击链接。假设您使用与大多数示例相同的设置,您应该能够编写如下内容:

HTML:

这将单击位于演示中“右”链接默认位置的链接。您可以在此处看到一个工作示例:


旁注:您考虑过使用吗?jQueryUI有一个更有用、文档更完善的API,您可以轻松地重新创建Coda slider的效果和功能。在StackOverflow这样的网站上,您可能也会得到更好的支持。

嘿,安德鲁,您的回答太完美了!我现在也明白了它的工作原理和原因。我真的很感谢你的帮助。另外,jQueryUI标签可能会更好,或者写一些基本的东西来做我需要的事情,但是其他人最初开发了这个项目,使用尾波滑块,所以我没有选择。嘿,安德鲁,你的回答太完美了!我现在也明白了它的工作原理和原因。我真的很感谢你的帮助。另外,jQueryUI标签会更好,或者写一些基本的东西来做我需要的事情,但是其他人最初开发了这个项目,使用了尾波滑块,所以我没有选择。
<input type="radio" id="next-panel" />
$("#next-panel").bind("change", function() {
    $("#coda-nav-right-1 > a").click();
});