jquery选项卡,第一个选项卡上的onload事件
问题描述:
我使用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>
答
可以编程单击第一个:
$(".tabLink").click(function (event) {
var id = $(this).parent().text();
GetTabData(id);
}).eq(0).click();
答
我需要尽快加载内容第一个选项卡内为页面加载
然后加载第一个标签的内容$(document).ready()
$(function(){
...your code...
//execute first
GetTabData(1);
});
这个'var id = $(this).parent()。text();''是什么意思?为什么不直接从href'$(this).attr('href')获取id。replace('#tab - ','')'? 'tabId'不是一个有效的html属性,并且你不能(*不应该*)只做一个 – n*s 2012-07-23 04:52:44