jQuery UI 选项卡和外部链接

Question

我在让我的 jQuery ui 选项卡链接到外部 HTML 文档时遇到问题，外部 HTML 文档是否必须采用相同的格式，还是应该只是正文内容？

我在 Firefox 控制台上看到的问题是标签不匹配，这些标签是 </head> 和 </head>，这根本没有意义。

这是 HTML 的样子。

<div id = "tabs">
 <ul>
    <li><a href="#policyInfo">Policy Details</a></li>
    <li><a href="editPolicy.html">Edit Policy</a></li> <!-- My problem lies here -->
    <li><a href="#personalInfo">Personal Details</a></li>
 </ul>
...

这就是我的 jQuery 目前的样子。

$(function() {
            $("#tabs").tabs();
});

总结：我不知道如何将标签链接到外部网页。我已经尝试过发布在 jQueryUI 网站上的 AJAX 示例。

Answer 1

我不知道你为什么会出错。你确定你在href中提到了正确的文件吗？它存在吗？ JqueryUI Ajax tab

<div id="tabs"> 
  <ul>
    <li><a href="#policyInfo">Policy Details</a></li>
    <li><a href="editPolicy.html">Edit Policy</a></li> <!-- My problem lies here -->
    <li><a href="#personalInfo">Personal Details</a></li>
  </ul>
 <div id="policyInfo">
    <p>asdf</p>
  </div>
  <div id="personalInfo">
    <p>asdf</p>
  </div>
</div>

jquery。

$(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." ); 
        });
      }
    });
  });

如果你有任何错误？那么可能是您的href位置无效。