1

我正在尝试div1使用 jquery 在其中加载 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=里面传递 vardiv1并重新加载load.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);
});

这将绑定加载到的链接#div1.on()即使内容是动态的,它仍然可以工作。

然后它抓取 href 并将其加载到#div1.

于 2013-03-04T20:13:33.003 回答