0

私はjQueryを初めて使用し、AJAXロード関数から始めています。何らかの理由でそれを機能させることができません。さまざまな形式（.phpなどを使用）を試し、最終的に最初に試した形式を採用しました。 。別の.htmlファイルからコンテンツをロードし、このファイル内の個々のdivをAJAXがメインコンテンツdivに挿入するためのアンカーポイントとして使用しています。

頭：

<script type="text/javascript" src="jquery.js"></script>  
<script type="text/javascript" src="core.js"></script>

ナビゲーション：

<div id="leftnav">
    <p class="leftnavtext">
        <a class="navlinks" id="about2" href="#">ABOUT</a> <br>
        <a class="navlinks" id="process2" href="#">PROCESS</a> <br>
    </p>
</div>

Javascript：

$(document).ready(function(){  
  $("about2").click(function(){
    $("#content").load("content.html #about");
  });
});

私がそれをロードしようとしているdivは明らかに#content、そして現在、私はそれを機能させるために単一のリンクでこのメソッドを試しているだけです。

よろしくお願いします。

4

1 に答える 1

0

load は AJAX の単なるラッパーなので、代わりにクリック関数内でこれを行うことができます...

$.ajax({
    type: "POST",
    url: "content.html"})
    .done(function(data) {
      var $about = $(data).filter("#leftnav").children('#about2').html();       
      console.log($about);
      $('#content').html($about);
    });
});

外部ファイル内から特定の ID までフィルタリングしています。

于 2013-03-19T21:17:38.753 に答える