Question

我似乎正在努力解决这个问题。我在网上找到的每个例子都不起作用。

我要做的是访问所选标签内的特定表单。但无论我尝试什么，加载事件都不会运行，也不会选择所选标签。您必须在要触发事件的选项卡之间来回切换。

所以我的问题是，如果设置了活动标签，如何仅在可见或活动标签中访问表单元素？

<ul id="myTab" class="nav nav-tabs">
  <li class="active"><a href="#home" data-toggle="tab">Home</a></li>
  <li class=""><a href="#profile" data-toggle="tab">Profile</a></li>
</ul>
<div id="myTabContent" class="tab-content">
  <div class="tab-pane fade active in" id="home">
    <form id="form1">

</form>
  </div>
  <div class="tab-pane fade" id="profile">
    <form id="form2">

</form>
  </div>
</div>
</form>

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
  var target = $(e.target).attr("href") // activated tab
  alert(target);
});

Answer 1

使用bootstrap打开的选项卡将具有活动类。事实上，有些js从之前的打开选项卡中删除了活动的classe，并将其添加到您刚刚打开的选项卡中。

因此，您可以使用Transform3D选择它，如果您想要该特定标签的表单$(".active")

$(".active").find(".my-form")只会选择myTab的直接子项，如果你想要更具体的话，它会提供活动课程

如何获取选定的引导选项卡表单选择器

1 个答案: