jQuery Tools 1.2.6 Вкладки - ошибка InitialIndex + в истории - PullRequest
Новая
       26

jQuery Tools 1.2.6 Вкладки - ошибка InitialIndex + в истории

1 голос
/ 02 ноября 2011

Итак, похоже, что в Tabs 1.2.6 есть ошибка при использовании initialIndex (для указания, какую вкладку загружать) и плагина истории.Итак: 

$("ul#tabs").tabs("div.panes > div", {
        effect: 'fade',
        initialIndex: 3
    });

Отлично работает и открывает 4-ю вкладку ..... Но, если я включу это: 

$("ul#tabs").tabs("div.panes > div", {
            effect: 'fade',
            initialIndex: 3,
            history: true
        });

На четвертой вкладке нажимают, а затем сразу после первойвкладка занята ...

Кто-нибудь еще сталкивался с этой ошибкой?Если так, любая помощь будет оценена!

ОБНОВЛЕНИЕ:

Вот скрипка:

Работа с initialIndex http://jsfiddle.net/xAmqj/1/

Не работает с историей (может быть, скрипка также ограничивает использование хеша в их приложенияхиз параметра initialIndex.Затем, прежде чем запускать скрипт для вкладок, поместите его как самый первый скрипт на вашей странице: 

window.location.hash = 'yourhashtag';

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

1 Ответ

1 голос
/ 02 ноября 2011

Ну, на самом деле «history» работает как «initialIndex», она берет «hash» и устанавливает его как initialIndex вкладок, так что это не ошибка, просто вы не можете использовать оба вместе.

Если вы посмотрите демоверсии документации по инструментам JQuery, вы увидите, что вы можете сделать любую вкладку стартовой «похожей» на начальную вкладку, используя хэш:

http://flowplayer.org/tools/demos/tabs/history.htm#streaming_tab

Вы можете видеть, что initialIndex - третийtab, но без использования «initialIndex», просто с использованием хэша.

Ваша проблема с кодом заключается в том, что инструменты tabs читают initialIndex и выбирают 4-ую вкладку, а затем возвращают индекс «history», который без хеша означает первую вкладку, вот и все.

Чтобы быть уверенным в этом, поместите хэш href на вторую вкладку в качестве примера, например href="#sec_tab", затем добавьте этот хэш "#sec_tab" в конце URL-адреса вашей страницы, вы увидите, что 4-ая вкладка будет отображаться (щелкнул) и затем будет перемещен на 2-ю вкладку, на этот раз не первый.

...