удаленные вложенные вкладки jquery - PullRequest
Новая
       31

удаленные вложенные вкладки jquery

1 голос
/ 20 января 2010

У меня есть вложенные вкладки во вкладках jquery, которые довольно просто сделать, если нам нужны статические вкладки jquery

но что если нам нужны вложенные вкладки, то удаленная страница должна решить, какими будут вкладки.

или другими словами, я хочу вложенные вкладки на удаленной странице (или ajaxified)

Например, я вызываю эту страницу (удаленную страницу) через вкладки 

<div id="container-2">

  <ul>
  <li><a href="#fragment-1a"><span>Section 1a</span></a></li>
  <li><a href="#fragment-1b"><span>Section 1b</span></a></li>

  <li><a href="#fragment-1c"><span>Section 1c</span></a></li>

  </ul>
  <div id="fragment-1a">
  Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
  </div>
  <div id="fragment-1b">
  Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
  Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
  </div>
  <div id="fragment-1c">

  Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
  Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
  Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
  </div>

  </div>

На главной странице у меня есть 

<script type="text/javascript">
$(function(){
$('#tabs').tabs();
$("#container-2").tabs();
});
</script>
<div id="tabs">
        <ul>
                <li><a href="remote.jsp"><span>Requests</span></a></li>
      </ul>
  </div>

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

Они находятся в простой форме списка.

Любая помощь

Спасибо

Pradyut

Ответы [ 3 ]

0 голосов
/ 21 января 2010

Вы пытаетесь связать tabs() с $('#container-2'), которого там нет.Это нужно сделать после загрузки содержимого вкладки. 

$('#tabs').tabs({
   load: function(event, ui){
     $("#container-2").tabs();
   }
});
0 голосов
/ 21 января 2010

Сам пульт должен иметь скрипт 

<script type="text/javascript">

  $(function(){
  $('#tabs-2').tabs();
  });
  </script>

пример URL здесь: -

http://pradyut.dyndns.org/WebApplicationSecurity/newtab.jsp

0 голосов
/ 21 января 2010

Вам нужно будет вызывать функцию tabs () для # container-2 только после ее загрузки. При использовании удаленной вкладки содержимое не загружается до тех пор, пока вкладка не будет открыта, а это означает, что содержимое вкладки не будет добавлено в DOM в то же время, когда запускается $ (document) .ready (). Попробуйте вместо этого: 

<script type="text/javascript">
 $(function(){
    $('#tabs').tabs({
     load: function(event, ui) {
        $("#container-2").tabs();
     }
    });
 });
</script>

Я не проверял его, поэтому, возможно, вам придется поиграться с кодом внутри функции load, чтобы он заработал, но в любом случае это должно помочь вам начать работу.

...