Question

我已经定义了2个标签，例如“＃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>

Answer 1

我认为这会对您有所帮助：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>

重新加载选项卡内容中div元素的内容

1 个答案: