Комментарии к записи: jQuery UI – виджет Tabs http://www.linkexchanger.su/2009/99.html css, html, php, javascript, jQuery, ajax ... - решения, примеры, рецепты Tue, 07 Feb 2012 14:36:04 +0000 http://wordpress.org/?v=2.9.2 hourly 1 Автор: Gennady http://www.linkexchanger.su/2009/99.html/comment-page-3#comment-64741 Gennady Tue, 19 Jan 2010 10:38:34 +0000 http://www.linkexchanger.su/2009/99.html#comment-64741 Обсуждение статьи можно продолжить на <a href="http://www.linkexchanger.su/forum/viewtopic.php?f=3&t=9" rel="nofollow">форуме jQuery</a>. Обсуждение статьи можно продолжить на форуме jQuery.

]]> Автор: Gennady http://www.linkexchanger.su/2009/99.html/comment-page-3#comment-64291 Gennady Sat, 16 Jan 2010 20:36:55 +0000 http://www.linkexchanger.su/2009/99.html#comment-64291 Ладно, не важно... Главное, что может быть это кому-то еще поможет. Ладно, не важно… Главное, что может быть это кому-то еще поможет.

]]> Автор: Денис http://www.linkexchanger.su/2009/99.html/comment-page-3#comment-64290 Денис Sat, 16 Jan 2010 20:35:48 +0000 http://www.linkexchanger.su/2009/99.html#comment-64290 Когда писал свой последний пост, не видел еще вашего сообщения. Когда писал свой последний пост, не видел еще вашего сообщения.

]]> Автор: Gennady http://www.linkexchanger.su/2009/99.html/comment-page-3#comment-64289 Gennady Sat, 16 Jan 2010 20:32:41 +0000 http://www.linkexchanger.su/2009/99.html#comment-64289 Ну, да... Я же про это в P.S. предыдущего коммента и написал... Ну, да… Я же про это в P.S. предыдущего коммента и написал…

]]> Автор: Денис http://www.linkexchanger.su/2009/99.html/comment-page-3#comment-64287 Денис Sat, 16 Jan 2010 20:17:01 +0000 http://www.linkexchanger.su/2009/99.html#comment-64287 ВАЖНЫЙ МОМЕНТ! (хотя и вполне закономерный): Нужно, чтобы id контейнеров и соот-но ссылки на них <strong>не должны повторяться</strong> в двух наборах элементов: <a href="#tab-1" rel="nofollow">One</a> <a href="#tab-2" rel="nofollow">Two</a> <a href="#tab-3" rel="nofollow">Three</a> ............ <a href="#tab-1" rel="nofollow">One</a> <a href="#tab-2" rel="nofollow">Two</a> <a href="#tab-3" rel="nofollow">Three</a> ...................... ВАЖНЫЙ МОМЕНТ! (хотя и вполне закономерный):
Нужно, чтобы id контейнеров и соот-но ссылки на них не должны повторяться в двух наборах элементов:

<a href=»#tab-1″ rel=»nofollow»>One</a>
<a href=»#tab-2″ rel=»nofollow»>Two</a>
<a href=»#tab-3″ rel=»nofollow»>Three</a>

…………

<a href=»#tab-1″ rel=»nofollow»>One</a>
<a href=»#tab-2″ rel=»nofollow»>Two</a>
<a href=»#tab-3″ rel=»nofollow»>Three</a>

………………….

]]> Автор: Gennady http://www.linkexchanger.su/2009/99.html/comment-page-3#comment-64286 Gennady Sat, 16 Jan 2010 20:13:00 +0000 http://www.linkexchanger.su/2009/99.html#comment-64286 :) а у меня все в порядке.... Вот весь JS <pre lang="javascript">$(function(){ $("div.tabs").tabs(); });</pre> Вот разметка: <blockquote><div class="tabs"> <ul> <li><a href="#tabs-1">Nunc tincidunt</a></li> <li><a href="#tabs-2">Proin dolor</a></li> <li><a href="#tabs-3">Aenean lacinia</a></li> </ul> <div id="tabs-1"> <p>Tab 1 content</p> </div> <div id="tabs-2"> <p>Tab 2 content</p> </div> <div id="tabs-3"> <p>Tab 3 content</p> </div> </div></blockquote> ну, она ясно несколько раз повторяется... И вкладки работают независимо друг от друга... Могу моментально код скинуть.... P.S. Только в следующем "этапе" разметки id вкладок ясно дело другие, может у Вас в этом дело? :) а у меня все в порядке….
Вот весь JS

$(function(){
  $("div.tabs").tabs();
});

Вот разметка:

<div class=»tabs»>
<ul>
<li><a href=»#tabs-1″>Nunc tincidunt</a></li>
<li><a href=»#tabs-2″>Proin dolor</a></li>
<li><a href=»#tabs-3″>Aenean lacinia</a></li>
</ul>
<div id=»tabs-1″>
<p>Tab 1 content</p>
</div>
<div id=»tabs-2″>
<p>Tab 2 content</p>
</div>
<div id=»tabs-3″>
<p>Tab 3 content</p>
</div>
</div>

ну, она ясно несколько раз повторяется…
И вкладки работают независимо друг от друга… Могу моментально код скинуть….
P.S. Только в следующем «этапе» разметки id вкладок ясно дело другие, может у Вас в этом дело?

]]> Автор: Денис http://www.linkexchanger.su/2009/99.html/comment-page-2#comment-64285 Денис Sat, 16 Jan 2010 20:06:51 +0000 http://www.linkexchanger.su/2009/99.html#comment-64285 Не вызвать смех своим поведением...но по поводу глюка я оказался прав. Взял пример вызова табов отсюда: http://docs.jquery.com/UI/API/1.7.2/Tabs#options вместо id="tabs" поставил class="tabs" и сделал вызов $(”div.tabs”).tabs(); Итак что мы наблюдаем: При переключении табов на на втором наборе вкладок одновременно происходит переключение вкладок и на первом наборе. Если же на первом наборе переключать вкладки, то на втором наборе будет все в порядке. Увы это так. Не вызвать смех своим поведением…но по поводу глюка я оказался прав.

Взял пример вызова табов отсюда:
http://docs.jquery.com/UI/API/1.7.2/Tabs#options

вместо id=»tabs» поставил class=»tabs»

и сделал вызов $(”div.tabs”).tabs();

Итак что мы наблюдаем:
При переключении табов на на втором наборе вкладок одновременно происходит переключение вкладок и на первом наборе. Если же на первом наборе переключать вкладки, то на втором наборе будет все в порядке. Увы это так.

]]> Автор: Gennady http://www.linkexchanger.su/2009/99.html/comment-page-2#comment-64278 Gennady Sat, 16 Jan 2010 19:43:41 +0000 http://www.linkexchanger.su/2009/99.html#comment-64278 Бывает :) А уж полез проверить... Бывает :) А уж полез проверить…

]]> Автор: Денис http://www.linkexchanger.su/2009/99.html/comment-page-2#comment-64277 Денис Sat, 16 Jan 2010 19:42:44 +0000 http://www.linkexchanger.su/2009/99.html#comment-64277 Виноват с поспешным выводом. Локально оттестировал. Работает как надо. Буду искать ошибку. У себя Виноват с поспешным выводом. Локально оттестировал. Работает как надо. Буду искать ошибку. У себя

]]> Автор: Денис http://www.linkexchanger.su/2009/99.html/comment-page-2#comment-64275 Денис Sat, 16 Jan 2010 19:35:36 +0000 http://www.linkexchanger.su/2009/99.html#comment-64275 Не так все просто. Я сделал два вызова для двух разных элементов через id $("#tabs").tabs(); $("#anotherel").tabs(); В итоге у нас создается один объект ui на два набора закладок. Когда вы нажимаете, например, на вторую вкладку, то она одновременно открывается как в первом, таки во втором наборе. Не так все просто.

Я сделал два вызова для двух разных элементов через id

$(«#tabs»).tabs();

$(«#anotherel»).tabs();

В итоге у нас создается один объект ui на два набора закладок. Когда вы нажимаете, например, на вторую вкладку, то она одновременно открывается как в первом, таки во втором наборе.

]]>