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