jQuery UI вкладки привязки, как это предотвратить? - PullRequest
4 голосов
/ 19 ноября 2009

Я построил навигацию по вкладкам, но каждый раз, когда я пытаюсь получить доступ к определенному div с помощью URL-адреса с хэш-кодом #, он будет привязан к разделу, есть ли способ предотвратить автоматическую привязку? Это происходит в FF и IE, но не в Safari.

Мой код выглядит следующим образом.
JS:

$("#header").tabs({ fx: { opacity: 'toggle' } });

HTML:

<div id="header">
<ul id="navigation">
    <li><a href="#debt" class="debt">Debt</a></li>
    <li><a href="#car" class="car">Car</a></li>
    <li><a href="#home" class="home">Home</a></li>
    <li><a href="#travel" class="travel">Travel</a></li>
</ul>
<div id="debt">xxx</div>
<div id="car">xxx</div>
    <div id="home">xxx</div>
<div id="travel">xxx</div>
</div>

1 Ответ

2 голосов
/ 26 мая 2011

Современные браузеры, как вы заметили, анализируют '#', за которым следует некоторая строка в качестве привязки.

На самом деле есть два решения:

  1. Не используйте хэши в вашем URL

или

  1. Измените название ваших вкладок. (car_tab, debt_tab и т. д.)

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

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