0

単純に一連の DIV であるメニューを作成し、次のコードを使用しています

$(".menu_item").click(function(){
    window.location = $(this).attr("data-href");
return false;
});

各項目の DIV 全体をクリック可能にします。最初にphp-includeを介してコンテンツをロードした「コンテナ」DIVセットアップがありますが、別のメニュー項目がクリックされたときに別のコンテンツをロードしたいです。

JQuery.load を使用して、外部ファイルを特定の DIV にロードすることをターゲットにできることはわかっていますが、リンクごとに jquery の個別のインスタンスをコーディングすることを意味するように見えますか? 可能であれば、php インクルードの使用にも固執したいと思います。jquery.load を使用して、php インクルード経由でロードできますか?

これを達成する方法についての助けをいただければ幸いです。

残りのコードは次のとおりです。

/* Menu Item */
<div class="menu_item" data-href="link1.html">
     Link 1
</div>

/* Container to load link into */         
<div id="myContentDiv"></div>
4

2 に答える 2

1

load()ajaxリクエストを作成し、完了時に要素にレスポンスを入力するjQuery AJAX短縮メソッドを使用できます

$(".menu_item").click(function(e){
   var url= $(this).data('href')
    $('#myContentDiv').load( url);
     return false;/* edit to prevent browser following link*/
  });

API リファレンス: http://api.jquery.com/load/

于 2012-10-10T11:12:59.247 に答える
0 
  $(".menu_item").click(function(e){
    e.preventDefault();
    $.ajax({
      url: $(this).attr("data-href"),
      context: $('#div-to-replace-content')
    }).done(function(data){
      $(this).append(data);
    });
  });
于 2012-10-10T10:48:50.293 に答える