jQuery UI选项卡和外部链接

我有一个让我的jQuery ui选项卡链接到外部HTML文档的问题，外部HTML文档也必须是相同的格式还是应该只是正文内容？jQuery UI选项卡和外部链接

我在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示例。

来源

2013-03-14 KO.

我认为我们需要更多的线索来处理... – PerryW 2013-03-14 11:50:45

请发布更多相关的代码并进一步描述问题，以便我们可以帮助... – henser 2013-03-14 11:56:20

@PerryW现在是否有足够的信息？ – 2013-03-14 12:02:35

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

来源

2013-03-14 12:06:40

是的，页面确实存在，虽然就像我之前提到的那样，标签不匹配。外部页面是否必须具有整个框架或只是身体标记？ – 2013-03-14 12:10:58

@SnakeEater外部文件应该有整个skeletone。 – 2013-03-14 12:12:33

jQuery UI选项卡和外部链接

回答

相关问题