我试图通过下一个/上一个按钮而不是数字按钮选择选项卡元素,表示通过click
转到下一个选项卡。当点击下一个/上一个按钮时选择元素
默认按钮小提琴:http://jsfiddle.net/LLdy3gd2/
HTML:默认数字按钮
<p>
<button class="select-tab" value="0">1</button>
<button class="select-tab" value="1">2</button>
<button class="select-tab" value="2">3</button>
</p>
JS:默认
$(document).ready(function() {
$('#horizontalTab').responsiveTabs({
rotate: false,
startCollapsed: 'accordion',
collapsible: 'accordion',
animation: 'slide',
setHash: true,
activate: function(e, tab) {
$('.info').html('Tab <strong>' + tab.id + '</strong> activated!');
},
activateState: function(e, state) {
//console.log(state);
$('.info').html('Switched from <strong>' + state.oldState + '</strong> state to <strong>' + state.newState + '</strong> state!');
}
});
$('#start-rotation').on('click', function() {
$('#horizontalTab').responsiveTabs('active');
});
$('.select-tab').on('click', function() {
$('#horizontalTab').responsiveTabs('activate', $(this).val());
});
});
我试过以下,但它不工作:
我的新按钮:
HTML:而不是默认的按钮
<div id="my-buttons">
<button class="select-tab">Next</button>
<button class="select-tab">Previous</button>
</div>
我的JS:我已经添加了默认JS
$('#my-buttons').click(function() {
$(this).nextAll('.select-tab').toggle();
});
问题小提琴:http://jsfiddle.net/LLdy3gd2/2/
如何解决这一问题?
在此先感谢。
不错的抓人,没想到那个 – epoch