如何使用jQuery在加载的页面上捕获事件？ （上（）不工作）

Question

我有一个页面，我使用jQuery的方法Load()来加载一些PHP代码。

在我的基页中，我有以下jQuery代码：

    $('.writeLink').on('click',function (e) {
    //alert("ok");
    var dataurl1 = $(this).attr("par1");
    var dataurl2 = $(this).attr("par2");
    if (dataurl1 != null)
    {
        $('#txtTo').val(dataurl1);
        $('#imgTo').attr('src',dataurl2);
        $('#writeModel').modal({onOpen: function (dialog) {
dialog.overlay.fadeIn('slow', function () {
    dialog.container.slideDown('slow', function () {
        dialog.data.fadeIn('slow');
    });
});

我的基页上有#writemodel div。

加载的PHP会创建一些带有.writeLink类的div，应该启动click事件，但不会。我尝试使用.on() jQuery事件，但它不起作用。

有什么建议吗？

Answer 1

试试这段代码：

$("#writemodel").on("click", ".writeLink", function(e){
    //do stuff
});

单个事件由父容器捕获，但只有当事件源自其中一个“.writeLink”div时，该函数才会执行。