Javascript ajax响应包括图像、图像上的onClick事件不工作jQuery

我对此非常着迷，我无法在jQuery中创建一个简单的

click（）

事件。我真的需要你的帮助

我有一个ajax，它将数据发送到PHP文件，结果将作为

（响应）

响应中是否包含此

我只想让下一张图像可以点击并显示某种警报

下面是我对代码的不同变体。但我还是不能让按钮工作

//test 1
$(document).ready(function () {
    $('#next').livequery("click", function () {
        alert("test");
    });
});

//test 2
$(document).ready(function () {
    $('#next').on("click", function () {
        alert("test");
    });
});

//test 3
$(document).ready(function () {
    $('img#next').on("click", function () {
        alert("test");
    });
});

//test 4
$(document).ready(function () {
    $('#next').on("click", "img", function () {
        alert("test");
    });
});

//test 5
$(document).ready(function () {
    $('#next').on("click", "img", function (e) {
        e.preventDefault();
        alert("test");
    });
});

使用

由于元素是动态添加的，您无法将事件直接绑定到它们。因此您必须使用

或者更好

$(document).ready(function () {
    $("#load").on("click", "#next", function (e) {
        e.preventDefault();
        alert("test");
    });
});

语法

$( elements ).on( events, selector, data, handler );

---

非常感谢。从不知道事件委派。谢谢你把我从头痛中解救出来。@bobbyjones欢迎你乐意帮忙：）

$(document).ready(function () {
    $("#load").on("click", "#next", function (e) {
        e.preventDefault();
        alert("test");
    });
});

$( elements ).on( events, selector, data, handler );