Проблема с вкладкой jquery - PullRequest
       5

Проблема с вкладкой jquery

0 голосов
/ 10 февраля 2011

Привет всем, я пытаюсь jquery, и я пытаюсь сделать простое меню вкладок, но я просто не могу заставить его скрыть мой контент, вы можете увидеть, что я сделал здесь

http://jsfiddle.net/YyJ7V/

надеюсь, вы скажете мне, что я делаю не так

Ответы [ 2 ]

1 голос
/ 10 февраля 2011

Вот как я это сделаю:

$(function() {
    var tabContainers = $('div.tabs > div');
    tabContainers.hide();
    $('.tabsNavigation a').click(
        function(){
            var which = $(this).parent().index();
            $(tabContainers).eq(which).show().siblings().filter('div').hide();
            return false;
        });
})

Демонстрация JS Fiddle .

Примечания:

  • Как подразумеваетсяв моем комментарии к вашему вопросу: вы использовали MooTools, а не JQuery в вашей демонстрации.Это не сработает.Или это может, но, вероятно, редко, из-за синтаксиса / различий в использовании
  • filter() с ошибкой, и поэтому не может работать.
  • II не можетПосмотрите в своей демонстрации любую обработку кликов для выполнения действия, поэтому я добавил это в.
0 голосов
/ 10 февраля 2011

http://jsfiddle.net/loktar/YyJ7V/3/

$(function() {
    var tabContainers = $('div.tabs > div');
    tabContainers.hide().filter('#tab1').show();
})

Фильтр был введен неправильно, также изменен на # вместо:, и, похоже, работает. Кроме того, как писал Дэвид Томас выше, мне пришлось изменить его на jquery в js fiddle, по умолчанию он был установлен на mootools.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...