Jquery 引导4个标签与以前的&;下一步按钮
我试图在Bootstrap4选项卡片段中创建一些“上一个”和“下一个”按钮,但Jquery有问题。更具体地说,构建我的触发事件或“我的触发事件的路径” 我似乎不能正确地找到路线。我对Jquery相当缺乏经验,所以请温柔一点;PJquery 引导4个标签与以前的&;下一步按钮,jquery,html,bootstrap-4,Jquery,Html,Bootstrap 4,我试图在Bootstrap4选项卡片段中创建一些“上一个”和“下一个”按钮,但Jquery有问题。更具体地说,构建我的触发事件或“我的触发事件的路径” 我似乎不能正确地找到路线。我对Jquery相当缺乏经验,所以请温柔一点;P $(document).ready(function() { $('.btnNext').click(function() { $('.nav-tabs > .nav-item > .active').next('li').find('a').tr
$(document).ready(function() {
$('.btnNext').click(function() {
$('.nav-tabs > .nav-item > .active').next('li').find('a').trigger('click');
});
$('.btnPrevious').click(function() {
$('.nav-tabs > .nav-item > .active').prev('li').find('a').trigger('click');
});
});
您可以在这里找到我正在构建的内容的完整片段()
非常感谢
-B.您需要激活
选项卡的父项,然后.next()
或.prev()
。因此,正确的jQuery选择器应该是
$('.btnNext').click(function() {
$('.nav-tabs .active').parent().next('li').find('a').trigger('click');
});
$('.btnPrevious').click(function() {
$('.nav-tabs .active').parent().prev('li').find('a').trigger('click');
});