2013-04-16 3 views
2

Я прочитал это - Preselecting ajax-enabled tab in jquery UI tabs и попробовал API Docs ...JQuery UI, как заранее выбрать вкладку

здесь самый основной код ... http://jsfiddle.net/Xa2ur/

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

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

любая помощь - и «почему» то, что я сделал, не работает, НАСТОЛЬКО оценили.

код

$(function() { 
    $("#tabs").tabs({ 
     beforeLoad: function(event, ui) { 
      ui.jqXHR.error(function() { 
       ui.panel.html("Couldn't load this tab. We'll try to fix this as soon as possible."); 
      }); 
     } 
    }); 
}); 

- Некоторые другой код -

<div id="tabs" > 
     <ul> 
      <li class="firsttab" ><a href="#tabs-1" >Wedding</a></li> 
      <li class="" ><a href="#tabs-2" >Gig Feb 2013</a></li> 
      <li class=""><a href="#tabs-3" >Homecoming</a></li> 
     </ul> 
     <div id="tabs-1" > 
      <p>Description: Wedding Info</p> 
      <p>photos</p> 
     </div> 
     <div id="tabs-2" > 
      <p>Description: A gig @ TT the Bears</p> 
      <p>blog</p> 
     </div> 
     <div id="tabs-3" > 
      Stuff 
     </div> 
    </div> 
    <script> 
     $("#tabs").tabs("option", "active", 2); 
     // i HAVE also tried - $('#tabs').tabs({ selected: "2" }); 
    </script> 

ответ

4
$(function() { 
    $("#tabs").tabs({ 
     beforeLoad: function(event, ui) { 
      ui.jqXHR.error(function() { 
       ui.panel.html("Couldn't load this tab. We'll try to fix this as soon as possible."); 
      }); 
     }, 
     active:2 
    }); 
}); 
+0

Thx - Я мог бы поклясться, я пытался это тоже ... но это работает. высоко оценили – jpmyob

Смежные вопросы