2012-07-23 179 views
0

我使用JQuery选项卡插件和ajax json mvc来检索这些选项卡中的数据。 一切工作正常与onclick事件,但我需要加载页面内第一个页面加载内容。 下面的代码jquery选项卡,第一个选项卡上的onload事件

<script> 
$(function() { 
     $("#tabs").tabs(); 
     // how to add onload event for Tab One GetTabData(id); 

     $(".tabLink").click(function (event) { 
      var id = $(this).parent().text();  
      GetTabData(id); 
     }); 
    }); 
</script> 
<div class="demo"> 
    <div id="tabs"> 
     <ul> 
      <li><a href="#tab-1" tabId="1" class="tabLink">Tab One</a></li> 
      <li><a href="#tab-2" tabId="2" class="tabLink">Tab Two</a></li> 
      <li><a href="#tab-3" tabId="3" class="tabLink">Tab three</a></li> 
      <li><a href="#tab-4" tabId="4" class="tabLink">Tab four</a></li> 
     </ul> 
     <div id="tab-1">     
     </div> 
     <div id="tab-2">     
     </div> 
     <div id="tab-3">     
     </div> 
     <div id="tab-4">     
     </div> 
    </div> 
</div> 
+0

这个'var id = $(this).parent()。text();''是什么意思?为什么不直接从href'$(this).attr('href')获取id。replace('#tab - ','')'? 'tabId'不是一个有效的html属性,并且你不能(*不应该*)只做一个 – nbrooks 2012-07-23 04:52:44

回答

2

可以编程单击第一个:

$(".tabLink").click(function (event) { 
    var id = $(this).parent().text();  
    GetTabData(id); 
}).eq(0).click(); 
1

我需要尽快加载内容第一个选项卡内为页面加载

然后加载第一个标签的内容$(document).ready()

$(function(){ 

    ...your code... 

    //execute first 
    GetTabData(1); 
}); 
相关问题