Question

我正在使用以下代码动态创建元素

elem = $("<div class='col-sm-3'>");
 elem.prepend($("<input type='submit' style='display:none'>"));
 image = $('<img >');
 image.attr('src', prop[j]);
 elem.append(image);

无法获取点击图片提交按钮的方式

Answer 1

您可以使用jquery on将点击功能与图片ID绑定。您需要在图像上设置id并传递它而不是image_id。 On函数绑定在future元素上，因此您无需单击提交按钮即可直接提交表单。

$( "#image_id" ).on( "click", function() {
  $("#form_id").submit();
});

PS：如果您在提交按钮上有任何单击绑定而不是使用

$( "#foo" ).trigger( "click" );

Answer 2

请确保此标记应与您要提交的form标记一致

如您所知，您正在创建动态元素，这需要委托函数检查代码。

elem = $("<div class='col-sm-3'>");
elem.prepend($("<input type='submit' style='display:none'>"));
image = $('<img id="img">');
image.attr('src', prop[j]);
elem.append(image);

$(document).on("click","#img" function(){
    $(this).closest('form').submit();
});

如何使下一个元素单击

2 个答案: