在选项卡内容中重新加载div元素的内容
在选项卡内容中重新加载div元素的内容
提问于 2014-02-03 23:43:32
我定义了两个选项卡，例如，在"# tabs -2“中，我有一个"div”元素()，当我单击tab-2时，我想刷新该元素。我只需要刷新这个div，而不是整个页面。
<html>
<head>
<script>
$(function() {
$( "#tabs" ).tabs();
});
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1" id="tabs-1">first</a></li>
<li><a href="#tabs-2" id="tabs-2">second</a></li>
</ul>
<div id="tabs-1">
<p>tab-1 content</p>
</div>
<div id="tabs-2">
<html>
<head>
</head>
<body>
**<div class="container-fluid"></div>**
</body>
</html>
</body>
</html>回答 1
Stack Overflow用户
发布于 2014-02-04 00:11:33
我想这会对你有帮助：Refresh a div with jQuery
另一种解决方案是对每个选项卡使用分部视图，如下所示
<div id="tabs">
<ul>
<li><a id="action-tab1" href="#tabs-1">My TAB 1</a></li>
<li><a id="action-tab2" href="#tabs-2">My TAB 2</a></li>
<li><a id="action-tab3" href="#tabs-3">My TAB 3</a></li>
</ul>
<div id="tabs-1">
@Html.Partial("_MyPartialView1")
</div>
<div id="tabs-2">
@Html.Partial("_MyPartialView2")
</div>
<div id="tabs-3">
@Html.Partial("_MyPartialView3")
</div>
</div>
<script>
$(function() {
$( "#tabs" ).tabs();
$("#tabs-2").click(function()
{
// DO YOUR REFRESH WORK HERE
});
});
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/21531538
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号