2

別のファイルからコンテンツをロードするためのこのコードがあります 

$(document).ready(function(){
  $("button").click(function(){
    $("#divA").load("book.html #divB");
  });
});
</script>

<button>Get</button>

これは機能しますが、ボタンの代わりにリンクをクリックするだけで同じことが必要です 

<a href="book.html">Get</a>

ユーザーコメントによる

ページに別のリンクがあります。特定のリンクのみがコンテンツをロードする必要があります。

4

6 に答える 6

4

アンカー タグをセレクターとして使用し、デフォルトアクションを必ず停止してください。

$(document).ready(function(e){
  $("a#id").on('click',function(){  // $("a#id")  or $("a.class") to target 
                                    //  specific anchors
    e.preventDefault();
    $("#divA").load("book.html #divB");
  });
});
于 2012-10-30T06:19:42.307 に答える
3 
$(document).ready(function(){
  $("a").click(function(e){
    e.preventDefault();
    $("#divA").load("book.html #divB");
  });
});
于 2012-10-30T06:16:40.060 に答える
3

a代わりに単に使用するbutton

$(document).ready(function(){
  $("a").click(function(e){
    e.preventDefault();
    $("#divA").load("book.html #divB");
  });
});

具体的にaはこれを試してください

$(document).ready(function(){
  $("a#pass_your_id_here").click(function(e){
    e.preventDefault();
    $("#divA").load("book.html #divB");
  });
});
于 2012-10-30T06:16:54.803 に答える
3

アンカーhrefにあるURLのコンテンツを読み込みたいと思います

$(document).ready(function(){
  $("a").click(function(e){
    e.preventDefault();
    $("#divA").load($(this).attr("href")+" #divB");
  });
});
于 2012-10-30T06:20:12.603 に答える
2

難しいことではないと思います 簡単にできたはずです

$(document).ready(function(){
  $("a").click(function(){
    $("#divA").load("book.html #divB");
  });
});

タグに割り当てidてからこれを行うこともできますa

<a id="mylink" href="book.html">Get</a>

$(document).ready(function(){
       $("#mylink").click(function(){
       $("#divA").load("book.html #divB");
     });
    });
于 2012-10-30T06:19:59.573 に答える
2

ページに他のリンクがある場合は、リンクを保持する div をキャプチャする必要があります。

$("#divlinkholder a").click(function(){
    $("#divA").load("book.html #divB");
});

または、次の方法でも実行できます。

$("#divlinkholder a:eq(0)").click(function(){
    $("#divA").load("book.html #divB");
});

:eq はゼロベースのインデックス プロパティであるため、3 番目のリンクでコンテンツをロードする場合は、インデックス 0 の最初のリンクでコンテンツをロードし、それを :eq(2) に変更します。

于 2012-10-30T06:23:11.407 に答える