Question

我想在按钮上用jQuery div替换onclick容器，但我不知道如何做到这一点。我试过这个：

jQuery(document).click(function() {
("#dynamic").load("single.php #partial_index");
});

但我如何更换它？现在它不会出现，如果我点击它（它什么都不做），但这是正常的我猜，因为我没有声明更换div。我有什么改变可以得到这项工作吗？

如果单击动态按钮，我想用名为test的ID替换div。我希望它被single.php #partial_index取代。按钮现在什么也没做。

Answer 1

首先，请务必确保您的主要代码是在DOM就绪结构中，如下所示：

jQuery(document).ready(function() {
    // This fires when the DOM has loaded (thus all your link(stylesheet) and script includes at the very least
});

在你的函数中，我看到你使用（'#dynamic'），它缺少$ jQuery全局或jQuery命名空间本身，使用它如下：

jQuery('#dynamic');

或者

$('#dynamic');

接下来，您有一个按钮，您想用它来替换div中的内容吗？

$('button').click(function() {
    $('#dynamic').load('single.php#partial_index');
});

您还可以使用新元素替换您的内容，如下所示：

$('#dynamic').replaceWith($('<div>I am a new jQuery dynamic element!</div>'));

Answer 2

此代码现在执行的操作是将单击处理程序绑定到文档。单击文档后，它会将single.php #partial_index加载到#dynamic元素中（尽管它缺少$：$('#dynamic')。

这是我认为你想要的：

$('#dynamic').click(function() {
    $('#test').load("single.php #partial_index");
});

Answer 3

未经测试但这样的事情应该有效

$("#dynamic").click(function() {
    $("<div />").attr("id", "#partial_index").load("single.php #partial_index", function(data){
         var newDiv = $(this).html(data);
         $('#test').replaceWith(newDiv)  
     })
});

Answer 4

$("#dynamic").click(function() {
   $('#test').replaceWith($('#partial_index'));
});

用jQuery替换div用相同的div onclick

4 个答案: