Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.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 引导4个标签与以前的&;下一步按钮_Jquery_Html_Bootstrap 4 - Fatal编程技术网

Jquery 引导4个标签与以前的&;下一步按钮

Jquery 引导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

我试图在Bootstrap4选项卡片段中创建一些“上一个”和“下一个”按钮,但Jquery有问题。更具体地说,构建我的触发事件或“我的触发事件的路径”

我似乎不能正确地找到路线。我对Jquery相当缺乏经验,所以请温柔一点;P

$(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');
  });