我一直在寻找最后一天，找不到在过去一两年内提出的关于这个特定主题的任何内容，并且由于 JQuery 似乎相当多地弃用了一些东西，因此就当前的情况提出这个问题似乎是公平的jQuery API。

对 JQuery 有点陌生，我想知道这一点；

如果我为团队的每个成员都有一个选项卡，并且对于每个选项卡，都会从数据库的部分视图中加载一个数据表，那么当我加载初始页面时，所有选项卡都会填充其部分内容还是会填充它们仅在单击选项卡时才填充？

如果选项卡在页面加载时填充，是否有办法使选项卡仅在单击时填充？如果有任何意义，我可以提供源代码，只需评论并索取即可。

EDIT 1

由于我使用 ASP.NET MVC 来呈现带有上下文信息的部分视图，那么它实际上只是 href 中重要的“ajax/”还是 href 需要链接到静态内容？问题涉及：

<div class="h-single" id="users">
    <ul>
        @{
            foreach (var user in Model)
            {
                <li><a href="ajax/"[email protected] /cdn-cgi/l/email-protection><span>@user.Name</span></a></li>
            }
        }
    </ul>
    @{
        foreach (var user in Model) 
        {
            <div [email protected] /cdn-cgi/l/email-protection>@Html.Action("_userAdvisoryRequests", new { username = user.EHLogin })
            </div>
        }
    }
</div>

只是注意到你不需要 ajax 内容的 div，所以这也不起作用。

EDIT 2

解决方案：

<div class="h-single" id="users">
    <ul>
        @{
            foreach (var user in Model)
            {
                <li><a [email protected] /cdn-cgi/l/email-protection("_partial","Home", new { param = @user.Param })><span>@user.Name</span></a></li>
            }
        }
    </ul>
</div>

感谢 Ashwini Verma 的回答！

“如果 href 中<li><a>标签引用了一个 div，那么该 div 必须被页面加载才能被查看，但如果 href 引用了一个操作或链接，那么它就可以按需加载。”

Example http://jqueryui.com/tabs/#ajaxjQuery 网站上给出。

描述

如果选项卡的内容窗格引用 HTML 元素，则该选项卡将被页面加载；

<li><a href="#tabs-1">Preloaded</a></li>

如果选项卡的内容窗格引用 URL，则在选择选项卡时将通过 AJAX 加载该选项卡；

<li><a href="ajax/content1.html">Tab 1</a></li>

Example

<div id="tabs">
  <ul>
    <li><a href="#tabs-1">Preloaded</a></li>
    <li><a href="ajax/content1.html">Tab 1</a></li>
    <li><a href="ajax/content2.html">Tab 2</a></li>
    <li><a href="ajax/content3-slow.php">Tab 3 (slow)</a></li>
    <li><a href="ajax/content4-broken.php">Tab 4 (broken)</a></li>
  </ul>
  <div id="tabs-1"></div>
</div>

<script>
  $(function() {
    $( "#tabs" ).tabs({
      beforeLoad: function( event, ui ) {
        ui.jqXHR.error(function() {
          ui.panel.html(
            "Couldn't load this tab. We'll try to fix this as soon as possible. " +
            "If this wouldn't be a demo." );
        });
      }
    });
  });
</script>

Updated

href应该是加载分部视图的操作方法的 URL。例子

<a href="@Url.Action("YourActionForContent", "Home")">Load Tab Content</a>

行动方法

public PartialViewResult YourActionForContent()
{
    return PartialView("_Content");
}