0

我在我的 html 中定义了这 3 个选项卡。我正在使用 bootstrap.css 中的选项卡

  <ul class="nav nav-tabs" id="myTab" style="margin-top: 26px;">
                    <li><a href="#product" data-toggle="tab" >Product</a></li>
                    <li><a href="#version" data-toggle="tab">Version</a></li>
                    <li><a href="#language" data-toggle="tab">Language</a></li>

   </ul>

我正在尝试隐藏按钮的单击事件之一上的选项卡。我只能在下面隐藏最后一个标签

$('#myTab a:last').hide();

但我也想隐藏名为 Version 的第二个选项卡，但无法隐藏它。我试过下面的代码

$('#myTab a:second').hide();

但不起作用并给出错误“未捕获的错误：语法错误，无法识别的表达式：不支持的伪：第二”

我该怎么办？我在此链接上找不到太多信息

4

5 回答 5

1

为什么不给你的<li>元素分配 id？例如。

<li id='1'><a href="#product" data-toggle="tab" >Product</a></li>
<li id='2'><a href="#version" data-toggle="tab">Version</a></li>
<li id='3'><a href="#language" data-toggle="tab">Language</a></li>

然后你可以隐藏：

$('#1').hide();

和“取消”隐藏

$('#1').show();
于 2013-02-18T16:15:05.273 回答
1

这不适合你吗？

<ul class="nav nav-tabs" id="myTab" style="margin-top: 26px;">
    <li><a href="#product" data-toggle="tab" >Product</a></li>
    <li class="hideme"><a href="#version" data-toggle="tab">Version</a></li>
    <li class="hideme"><a href="#language" data-toggle="tab">Language</a></li>
</ul>

.hideme {
    display: none;
}
于 2013-02-18T13:57:37.683 回答
1

我想我设法通过淘汰赛的方式做到了。定义如下选项卡并与 observable 绑定。见下文

  <ul class="nav nav-tabs" id="myTab" style="margin-top: 26px;">
                    <li><a href="#product" data-toggle="tab" >Product</a></li>
                    <li><a href="#version" data-toggle="tab"  data-bind ="visible: showVersionTab">Version</a></li>
                    <li><a href="#language" data-toggle="tab" data-bind ="visible: showLanguageTab">Language</a></li>

  </ul>

然后我只需在需要时将 observables 设置为 true 和 false。

于 2013-02-18T13:57:59.513 回答
0

像这样使用 $('#myTab li:eq(1) a').tab('show');

            $('#myTab a[href="#profile"]').tab('show'); // Select tab by name`
于 2013-02-18T13:38:19.947 回答
0

要隐藏它，从内容中删除活动类就足够了。

在属性href的元素中具有元素“content”的id，所以如果我们使用jquery，我们可以执行以下操作：

var contentId = $('#myTab a:last').prop('hash'); // href value.
$( contentId ).removeClass('active');

按索引搜索，您可以使用：

$('#myTab li:eq(2) a').prop('hash');
$( contentId ).removeClass('active');
于 2018-09-11T19:49:33.997 回答