2013-03-14 104 views
2

我有一個讓我的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示例。

+0

我認爲我們需要更多的線索來處理... – PerryW 2013-03-14 11:50:45

+0

請發佈更多相關的代碼並進一步描述問題,以便我們可以幫助... – henser 2013-03-14 11:56:20

+0

@PerryW現在是否有足夠的信息? – 2013-03-14 12:02:35

回答

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

+0

是的,頁面確實存在,雖然就像我之前提到的那樣,標籤不匹配。外部頁面是否必須具有整個框架或只是身體標記? – 2013-03-14 12:10:58

+0

@SnakeEater外部文件應該有整個skeletone。 – 2013-03-14 12:12:33