Question

我正在尝试使用jquery在div1内加载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=内{1}} var并重新加载div1。

我将如何做到这一点？

Answer 1

<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，你可能想要一个类添加到锚元素，然后只在点击处理程序中选择该类（如{{1}而不是a.class）。

Answer 2

$('#div1').on('click', 'a', function(e){
    e.preventDefault();
    var new_id = $(this).attr('href');

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

这将绑定加载到#div1的链接，使用.on()即使内容是动态的，它仍然有效。

然后它抓住href并将其加载到#div1。

jQuery加载div然后在单击链接时传递变量

2 个答案: