Javascript 尝试使用Jquery使用滑动循环浏览一组单选按钮
我正在尝试使用Matt Bryson的Jquery TouchWipe插件()通过一组单选按钮来显示/隐藏页面上的内容 我真的需要它转到左键上的下一个单选按钮和右键上的上一个单选按钮,并且我正在尝试尽可能地概括,以便它可以与同一页面上的多个按钮组一起工作 理想情况下,我希望将其附加到按钮组的名称,而不是与显示的内容相关联的特定ID或类,但我似乎无法使其工作。如果有人对如何实现这一目标有任何想法,我将不胜感激 我的代码如下。注释掉的“youswiked…”行是演示中的原始事件,它确实有效Javascript 尝试使用Jquery使用滑动循环浏览一组单选按钮,javascript,jquery,button,radio,next,Javascript,Jquery,Button,Radio,Next,我正在尝试使用Matt Bryson的Jquery TouchWipe插件()通过一组单选按钮来显示/隐藏页面上的内容 我真的需要它转到左键上的下一个单选按钮和右键上的上一个单选按钮,并且我正在尝试尽可能地概括,以便它可以与同一页面上的多个按钮组一起工作 理想情况下,我希望将其附加到按钮组的名称,而不是与显示的内容相关联的特定ID或类,但我似乎无法使其工作。如果有人对如何实现这一目标有任何想法,我将不胜感激 我的代码如下。注释掉的“youswiked…”行是演示中的原始事件,它确实有效 $(fu
$(function() {
//Enable swiping...
$("#log1").swipe( {
//LEFT SWIPE
swipeLeft:function(event, direction, distance, duration, fingerCount, fingerData) {
//$(this).text("You swiped " + direction );
$("input:radio[name=log1-slab-selector]").next(":checked")
},
//RIGHT SWIPE
swipeRight:function(event, direction, distance, duration, fingerCount, fingerData) {
//$(this).text("You swiped " + direction );
$("input:radio[name=log1-slab-selector]").prev(":checked")
},
//Default is 75px, set to 0 for demo so any distance triggers swipe
threshold:0
});
});
我发现这篇相关的文章()帮助我走上了正确的道路,并鼓励我用ul&li包装我的按钮 不幸的是,它仍然不起作用,但我发现只有一个非语义DIV妨碍了定位树中正确的
li
。达尔!一旦所有东西都在li
中移动,它就工作得很好
此代码为我解决了以下问题:
$(function() {
//Enable swiping...
$("div#log1").swipe( {
//LEFT SWIPE
swipeLeft:function(event, direction, distance, duration, fingerCount, fingerData) {
$(this).find('li:has(input:checked)').next('li').children('input').prop("checked", true);
},
//RIGHT SWIPE
swipeRight:function(event, direction, distance, duration, fingerCount, fingerData) {
$(this).find('li:has(input:checked)').prev('li').children('input').prop("checked", true);
},
//Default is 75px, set to 0 for demo so any distance triggers swipe
threshold:25
});
});