2

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();
});

要約：タブを外部のウェブページにリンクする方法がわかりません。jQueryUIWebサイトに投稿されているAJAXの例を試しました。

4

1 に答える 1

1

なぜエラーが発生するのかわかりません。hrefに記載されている正しいファイルがありますか？それが存在します ？ JqueryUIAjaxタブ

<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-14T12:06:40.403 に答える