Question

有谁知道如何隐藏jQuery选项卡控件的选项卡选择器？

我正在尝试通过隐藏多个视图来执行向导设置类型的操作，但只在我需要时显示。

有什么想法吗？除了我可以使用的标签以外的其他东西吗？

Answer 1

隐藏并显示div在这里工作正常

<html>
  <head>
    <script type="text/javascript"
            src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js">
    </script>
    <script type="text/javascript">
$(function() {
  $(".nextButton").click(function() {
    $(this).parent().hide().next().show();
  });
  $(".prevButton").click(function() {
    $(this).parent().hide().prev().show();
  });
});
    </script>
  </head>
  <body>
    <div>
      Tab One<br/>
      <input type="button" class="nextButton" value="next"/>
    </div>
    <div style="display:none;">
      Tab Two<br/>
      <input type="button" class="prevButton" value="prev"/>
      <input type="button" class="nextButton" value="next"/>
    </div>
    <div style="display:none;">
      Tab Three<br/>
      <input type="button" class="prevButton" value="prev"/>
    </div>
  </body>
</html>

Answer 2

只需在彼此之上创建div并使用show（）和hide（）显示/隐藏它们。如果您只想以编程方式切换视图，则不需要选项卡。就这么简单

HTML：

<div class="view" id="view1">
</div>
<div class="view" id="view2">
</div>
<div class="view" id="view2">
</div>

使用Javascript：

function selectView(i) {
    $(".view").hide();
    $("#view" + 1).show();
}

或者如果您不想使用ID：

function selectView(i) {
    $(".view").hide();
    $(".view :eq(" + 1 + ")").show();
}

jQuery隐藏选项卡选择器

2 个答案: