3 つの異なるタブを持つ index.html ページを作成しました。jQuery UIの機能tabs()で Ajax で html ページを読み込みたい。すべての HTML ページは jQuery ライブラリを使用するため、すべてのページに次のコードがあります。
<link type="text/css" href="css/redmond/jquery-ui-1.8.5.custom.css" rel="stylesheet" /> <script type="text/javascript" src="js/jquery-1.4.3.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.5.custom.min.js"></script>
タブをクリックすると、ページが読み込まれますが、ページの JavaScript 機能が動作しません!
新しい完全な HTML ページ (HTML+JS) をタブにロードできますか?
2 つの可能性:
1) 各タブに jquery-ui が必要な場合は、タブを初期化するときにロードすることをお勧めします。
2) 以下を使用して JavaScript ファイルをロードします。
$.getScript("js/jquery-ui-1.8.5.custom.min.js");$.get("css/redmond/jquery-ui-1.8.5.custom.css", function(css) {
$("head").append(""+css+"");
}); 編集: ajax タブを含む完全な新しい html ページをロードすることはありません。既存の html ページに含まれているコード スニペットのみをロードします。Mozilla Firefox の Firebug を使用して、何が起こるかを確認してください ;o)
わかりました、問題はタブが何をするかを理解することです。Ajaxを使用すると、タブにいくつかのコンテンツをロードできます。タブのaを宣言する<div>と、Ajaxはそのコンテンツをロードするため、ロード後にDOMが2つの開いたecc<div>を持っているため、新しい完全なHTMLページをロードできません。<html><head>
これで、タブ内のAjaxの機能を理解できました。完全なHTMLページの読み込みは、大きな間違いです。
Tobiasに感謝します。