php - 这是关于 Jquery/JS 的，如果我更改元素的 HTML - 我是否能够对其执行其他 Jquery/JS 操作

Question

我有一个脚本，单击后执行ajax调用，连接到数据库获取图像名称，并使用正确的路径在 < -img -> 内设置图像名称，并且在其后面添加一个隐藏的复选框，然后回显它。

然后我获取返回的ajax消息并将其作为div的HTML。我的问题是我是否能够对插入的内容执行更多操作..

主要目标是能够单击图像，就像它是一个复选框一样(这部分已经为我排序)，但是无论我尝试什么，我都无法让 .click 功能起作用..

这是代码。

这是回显图像的 PHP 部分。

if($_POST['updateIgallery'] == 'ajax'){
    global $wpdb;
    $table_name= $wpdb->prefix . "table_T";
    $imagecounter = 1;
    $toecho = '';
    $currentselected = $wpdb->get_row("query");
    preg_match_all('/\/(.+?\..+?)\//',$currentselected ['image_gal'],$preresualts); // images are stored with /image/.
    foreach ($preresualts[1] as $imagename){
        $toecho .= '
        <img rel="no" id="JustantestID" class="JustaTestClass" src="'.site_url().'/wp-content/plugins/wp-ecommerce-extender/images/uploads/'.$imagename.'">
        <input name="DoorIMGtoDeleteIDcheck'.$imagecounter.'" style="display:none;" name="DoorIMGtoDelete['.$imagecounter.']" value="/'.$imagename.'/" type="checkbox">
        ';
        $imagecounter++;
    }
    echo $toecho;
}

这是发送和接收并将 HTML 插入到 div 的 ajax 部分:

$.ajax({
        type: "POST",
        url: "/wp-content/plugins/wp-ecommerce-extender/DB_Functions.php",
        data: { updateIgallery: "ajax", CurrentDoorIDnum: $('#dooridforgallery').val()}
        }).success(function(insertID) {
                $("#ImgGalleryID").html(insertID);
            });

到目前为止，这有效，我遇到的问题如下:

$("#JustantestID").click(function() {
//DoorImageGallery($(this).attr('id')); // the function i will use if the alert actually works
    alert("kahdaskjdj");
    return true;
 });

我希望问题和代码是可以理解的。

提前致谢。

Answer 1

当您替换元素的 html 时，其中的所有元素都会被删除并消失。这意味着附加到它们的事件处理程序也被删除。

您可以尝试将事件处理程序附加到页面上静态且永久的更高级别元素。如果没有更多信息，我将使用 document:

$(document).on( "click", "#yaniv", function() {
    alert("kahdaskjdj");
});