Селекторы скрытых вкладок jQuery - PullRequest
Новая
       13

Селекторы скрытых вкладок jQuery

0 голосов
/ 13 мая 2009

Кто-нибудь знает, как можно скрыть селекторы вкладок для элемента управления вкладками jQuery?

Я пытаюсь сделать что-то типа настройки мастера, используя несколько видов, которые скрыты, но отображаются только тогда, когда я этого хочу.

Есть идеи? Что-то еще, кроме вкладок, которые я мог бы использовать?

Ответы [ 2 ]

3 голосов
/ 13 мая 2009

просто скрытие и отображение 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>
0 голосов
/ 13 мая 2009

Просто создайте элементы 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();
}

или если вы не хотите использовать идентификаторы: 

function selectView(i) {
    $(".view").hide();
    $(".view :eq(" + 1 + ")").show();
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...