1

div1jqueryを使用してphpをロードしようとしています。これまでのところ、以下のコードは初期のロードに問題なく機能しますdiv1。

<script type="text/javascript">
$(document).ready(function(){
$("#div1").load('load.php');
});
</script>

<div id="div1"></div>

内部load.phpには、以下のようなリンクがあります

<a href="load.php?id=123456">Link 1</a>
<a href="load.php?id=1234567">Link 2</a>
<a href="load.php?id=12345678">Link 3</a>

私がやろうとしているのは、div1ロードされたページdiv1上です.?id=div1load.php?id= var here

どうすればこれを行うことができますか？

4

2 に答える 2

0 
<script type="text/javascript">
$(document).ready(function(){
    $("#div1").load('load.php');
    $(document).on('click', 'a', function(e) {
        e.preventDefault();
        $("#div1").load($(this).attr('href'));
    });
});
</script>

上記を追加するのがおそらく最も簡単な方法です。アンカー要素を取りdiv1、クリックするとロードされます。e.preventDefault()リンクが新しいページをロードしないようにします。

この div に向けたくない他のアンカー要素がある場合は、クラスをアンカー要素に追加し、クリック ハンドラーでそのクラスのみを選択します (a.class代わりに のように'a')。

于 2013-03-04T20:14:38.630 に答える
-1 
$('#div1').on('click', 'a', function(e){
    e.preventDefault();
    var new_id = $(this).attr('href');

    $('#div1').load(new_id);
});

これにより、 にロードされたリンクがバインドされます。コンテンツが動的であっても、let's it still work#div1を使用します。.on()

次に、href を取得し、それを にロードし#div1ます。

于 2013-03-04T20:13:33.003 に答える