使用jquery刷新div选项卡onclick?
我正在使用标签,但想知道是否可以在单击时“刷新”标签内容 是的,这是可能的,但我想你不需要一次点击事件 用这个使用jquery刷新div选项卡onclick?,jquery,refresh,tabs,Jquery,Refresh,Tabs,我正在使用标签,但想知道是否可以在单击时“刷新”标签内容 是的,这是可能的,但我想你不需要一次点击事件 用这个 <div id="example"> <ul> <li><a href="ajaxpage1.php"><span>Content 1</span></a></li> <li><a href="ajaxpage2.php">
<div id="example">
<ul>
<li><a href="ajaxpage1.php"><span>Content 1</span></a></li>
<li><a href="ajaxpage2.php"><span>Content 2</span></a></li>
<li><a href="ajaxpage3.php"><span>Content 3</span></a></li>
</ul>
</div>
注意:不提供选项卡分区的id,而是提供一个页面链接
所以每次你点击标签,它都会更新
这会很自然地退化——禁用JavaScript后,链接(如内容)仍然可以访问
ps:我假设你有一个
工作标签
下面是我在asp.net mvc中使用ajax的方法:
<div id="content">
<ul>
<li><a href="#tab0"><span>Details</span></a></li>
<li><a href="#tab1"><span>Cost</span></a></li>
<li><a href="#tab2"><span>Bookings</span></a></li>
</ul>
<div id="tab0"></div>
<div id="tab1"></div>
<div id="tab2"></div>
</div>
<script type="text/javascript">
$(document).ready(function() {
$(function() {
var $tabs = $("#content").tabs({
select: function(e, ui) {
var thistab = ui;
runMethod(thistab.index);
}
});
});
});
function runMethod(tabindex) {
switch (tabindex) {
case 0:
getTabZeroData();
break;
case 1:
getTabOneData();
break;
case 2:
getTabTwoData();
break;
}
}
</script>
<script type="text/javascript">
// ajax getTabnnn methods here...
</script>
$(文档).ready(函数(){
$(函数(){
var$tabs=$(“#内容”).tabs({
选择:功能(e、ui){
var thistab=ui;
runMethod(thistab.index);
}
});
});
});
函数运行方法(tabindex){
开关(选项卡索引){
案例0:
getTabZeroData();
打破
案例1:
getTabOneData();
打破
案例2:
getTabTwoData();
打破
}
}
//这里的ajax方法。。。
每个getAbnnData方法都运行自己的小ajax例程,并填充div。这是非常有效的,因为您还可以稍微聪明一点,仅当目标div仍然为空时才运行该方法
希望给人另一种倾向
吉姆简单:
)() 请理解,这很可能不是最好的方法。但这是他要求的
function tabrefresh(){
$( "#tabs" ).tabs( "refresh" );
};
<button onclick="tabrefresh()">Refresh Tabs</button>
函数tabrefresh(){
$(“选项卡”).tabs(“刷新”);
};
刷新选项卡
选项卡的内容是什么?它是如何变化的?如果它是一个div,有什么可以填充?如果是ajax,它会像你得到的一样“刷新”。。。