ссылка на вкладки jqueryUI

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

http://dev.morrisonsports.com.au/products/zipvit-sport#tabs-3

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

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

Я действительно надеюсь, что решение не лежит в данных $_POST или $_GET, так как использование форм для этого, вероятно, не будет работать так хорошо с деградацией JS.

заранее спасибо


jquery tabs hyperlink jquery-ui jquery-ui-tabs
person haxxxton    schedule 16.03.2011    source источник
comment
Я почти уверен, что так оно и должно работать. #tab3 ссылается на содержимое этой вкладки, а не на заголовки вкладок, где находятся вкладки. Поэтому браузер приводит вас к содержанию. Сделайте свой браузер очень коротким, и вы увидите, что он выводит вас в начало содержимого вкладки, а не в конец страницы.   -  person themerlinproject    schedule 16.03.2011
comment
якорь #tab-3 находится в верхней части содержимого каждой вкладки... но содержимое не перемещается на вкладки до тех пор, пока страница не загрузится... поскольку файлы JS загружаются в нижний колонтитул (в соответствии со стандартами доступности).. проблема в том. . якорь #tab-3 в начале загрузки страницы еще не находится на вкладке ... и все еще находится в длинной строке div один за другим ... даже если это display:none; .. поэтому он пытается перейти туда ( в нижней части страницы), а затем загружаются вкладки.. понимаете, что #tab-3 была вызвана и показывает эту вкладку как активную.. но страница все еще смотрит, где была #tab-3, когда началась загрузка страницы..   -  person haxxxton    schedule 16.03.2011

Ответы (1)


arrow_upward
0
arrow_downward

хорошо, поэтому после публикации моего комментария к themerlinproject выше... мне пришло в голову, что javascript смотрит на привязку #tab-3 как на индикатор для отображения tab-3 (который является

     <div>

не

      <a>

)

но браузер ищет

    <a name="tab-3">

независимо от javascript.. и сбой a, похоже, ищет div.. поэтому я просто помещаю следующий код.. ВЫШЕ раздела меню вкладок

            <a name="tabs-1"></a>
            <a name="tabs-2"></a>
            <a name="tabs-3"></a>
            <a name="tabs-4"></a>
            <a name="tabs-5"></a>

и теперь браузер ссылается на ‹ a>, а javascript ссылается на div: D

Спасибо за вспышку хотя themerlinproject

person haxxxton    schedule 16.03.2011