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位置无效。

jQuery UI选项卡和外部链接

1 个答案: