引导选项卡面板选项卡 - 禁用页面滚动到元素的 ID

php javascript jquery html twitter-bootstrap

2022-08-30 21:25:53

我的 TabPanel Tab 的标题包含两部分：

为了显示选项卡，我使用jQuery代码：

$('#myTab a').click(function (e) {
  $(this).tab('show');
});

使用这种代码，每次我单击选项卡时，页面都会滚动到每个div。如果我在禁用滚动的行之前添加jQuery代码行，那么第二个问题 - 复选框不再选中/取消选中。e.preventDefault();$(this).tab('show');

任何想法，如何摆脱这两个问题？

复选框选中/取消选中问题的示例：http://jsfiddle.net/K9LpL/718/

答案 1

您可以使用而不是<a data-target="#home"><a href="#home">

在这里看到一个jsfiddle示例。

答案 2

我通过添加e.stopImmediatePropagation（）来解决这个问题;到事件处理程序：

$('.nav-tabs li a').click(function(e){
  e.preventDefault();
  e.stopImmediatePropagation();
  $(this).tab('show');
});

编辑：根据注释固定类选择器。