Question

我正在尝试在bootstrap 4选项卡代码片段中创建一些上一个和下一个按钮，但是在使用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');
  });
});

您可以在此处找到我正在构建的完整代码段（JSFiddle）;

非常感谢。

-B。

Answer 1

您需要先获取UIColor(red: 100/255, green: 100/255, blue: 100/255, alpha: 1)标签的父级，然后再获取active或.next()。因此，正确的jQuery选择器将是...

.prev()

https://www.codeply.com/go/d7X3s15VCS

具有上一个和下一个按钮的Bootstrap 4选项卡

1 个答案: