Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: вкладки в подгружаемой странице
Форумы портала PHP.SU » » HTTP и PHP » вкладки в подгружаемой странице

Страниц (1): [1]
 

1. broshurkaplus - 20 Сентября, 2011 - 16:20:37 - перейти к сообщению
здравствуйте
не получается это (скрипт конечно не мой скопиазджен) но я подработал под себя

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

не понимаю почему не работает подгруженый скрипт в основной странице
CODE (html):
скопировать код в буфер обмена
  1. <script type="text/javascript">
  2. $(document).ready(function(){
  3.     // When a link is clicked
  4.     $("a.tab").click(function () {
  5.           // switch all tabs off
  6.           $(".active").removeClass("active");
  7.           // switch this tab on
  8.           $(this).addClass("active");
  9.           // slide all content up
  10.           $(".content").hide();
  11.           // slide this content up
  12.           var content_show = $(this).attr("title");
  13.           $("#"+content_show).show();
  14.     });
  15. });
  16. </script>
  17.  
  18. <ul class="tabs">
  19.         <li><a class="tab active" title="content_1" href="#">Topics</a></li>
  20.         <li><a class="tab" title="content_2" href="#">Archives</a></li>
  21. </ul>
  22. <div id="content_1" class="content">
  23. <ul>
  24.         <li><a>HTML Techniques <small>4 Posts</small></a></li>
  25.         <li><a>CSS Styling <small>32 Posts</small></a></li>
  26. </ul>
  27. </div>
  28. <div id="content_2" class="content">
  29. <ul>
  30.         <li><a>December 2008 <small>6 Posts</small></a></li>
  31.         <li><a>November 2008 <small>4 Posts</small></a></li>
  32.  
  33. </ul>
  34. </div>



полагаю что тут сто то в $(document).ready(function(){ те когда документ загрузился то функция, элементы уже определены.
вроде изучал дом по (по предыдущему вопросу, но непонял доконца еще)
можно ли както исправить эту проблему или в чем суть??? (вкладки очень нужны - на одной кто за на другой кто против)

или как можно по другому реализовать переключение вкладот Именно в подгруженной странице (про простую я нагуглился)

подскажите пожалуйста
2. caballero - 20 Сентября, 2011 - 16:34:17 - перейти к сообщению
если ты подгружаешь аяксом то document.ready тут при чем
3. broshurkaplus - 20 Сентября, 2011 - 16:36:23 - перейти к сообщению
так подскажите если знаете как задействовать скрипт в подгруженной странице
4. caballero - 20 Сентября, 2011 - 17:33:30 - перейти к сообщению
а почему надо задействовать именно в подгруженной

подгружаешь само содержимое а скрипт прекрасно будет работать и с основной страницы

дергаешь его после окончания подгрузки и все
на окончание подгрузки вешаегь функции на событае аякса succesful
примеров полно как это сделать
5. broshurkaplus - 20 Сентября, 2011 - 17:52:56 - перейти к сообщению
можно по подробней

хотя я ставил сами скрипты на основную страницу - подгруженная отображается правильно, но НЕ работает само переключение вкладок
6. caballero - 20 Сентября, 2011 - 18:22:09 - перейти к сообщению
проверь что он вообще видит елемент по его ID
7. broshurkaplus - 21 Сентября, 2011 - 10:20:01 - перейти к сообщению
Я НАЧИТАЛСЯ КВЕРИ и вроде разобрался - повесил ему лайв

$("a.tab").live('click', function () { - вкладки переключаются

1 теперь другой вопрос страница перепрыгивает вверх - как избавиться?
2 как при подгрузке например 2х таких страниц со вкладками при клике на 1й или 2й переключаются вкладки только в верхней подгруженой странице - те надо при переключении чтобы работали вкладки в том диве, в котором была подгружена страница - как реализовать ?

 

Powered by ExBB FM 1.0 RC1