0

タブが選択されているときに、外部テキスト ファイルの内容を div にロードしようとしていますが、内容がロードされていないようです。何が問題ですか？

HTML:

<!DOCTYPE html> 
<html lang="en"> 
  <head> 
    <meta charset="utf-8" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
    <link rel="stylesheet" type="text/css" href="CSS/common.css" />
    <script src="JS/common.js"></script>
    <title></title> 
  </head>
  <body>
    <nav>
      <ul id="tabs">
        <li><a href="#" id="tab1" name="#tab1">Home</a></li>
        <li><a href="#" id="tab2" name="#tab2">History</a></li>
        <li><a href="#" id="tab3" name="#tab3">Specifications</a></li>
        <li><a href="#" id="tab4" name="#tab4">Gallery</a></li>    
      </ul>
    </nav>
    <div id="content">
      <div id="tabContent1"></div>
      <div id="tabContent2"></div>
      <div id="tabContent3"></div>
      <div id="tabContent4"></div>
    </div>
  </body>
</html>

外部 JS (common.js):

$(document).ready(function() {
  $("#tab1").click(function() {
    $("#tabContent1").load("test.txt");
  });
});
4

2 に答える 2

0

次のようなコードがあります。

  $("#tab1").click(function() {
    $("#tabContent1").load("test.txt");
  });

でも一線はある

 $("#tabs li:first a").attr("id", "current"); // Activate first tab

id が から#tab1に変更される#currentため、コードを次のように更新する必要があります。

  $("#current").click(function() {
    $("#tabContent1").load("test.txt");
  });

または、ID を変更する代わりにクラス current を追加することをお勧めします。

$("#tabs li:first a").addClass("current")
于 2013-02-05T18:50:56.963 に答える
0

あなたの構文は正しい

ようですファイルのURLが正しい
ことを確認してくださいtest.txtに何かが含まれていることを確認してください

于 2013-02-05T18:37:41.213 に答える