代码之家  ›  专栏  ›  技术社区  ›  KO.

jQuery UI选项卡和外部链接

  •  2
  • KO.  · 技术社区  · 13 年前

    我在让jQuery ui选项卡链接到外部HTML文档时遇到了问题,而且外部HTML文档必须是相同的格式还是应该只是正文内容?

    我在firefox控制台上看到的问题是标签不匹配,而这些标签 </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示例。

    1 回复  |  直到 13 年前
        1
  •  1
  •   Ravi Gadag    13 年前

    我不知道你为什么会出错。你确定你有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位置无效。