jQuery .click()不能工作(调试)

Question

我是jQuery的新手，正在为我的网站制作一些.click()函数，但无论我尝试什么，我都无法让它们工作。

jquery：

$(document).ready(function(){
    $("#underlay-img-container-btns-add").click(function(){$("#underlay-img-container-form-file").click();});
    $("#underlay-img-container-btns-submit").click(function(){document.forms['underlay-img-container-form'].submit();$("#underlay-img-container-general_loader").css("display","inline-block");});
    $("#underlay-img-container-form-file").change(function(){readURLImg(this);});
    $("#underlay-gif-container-btns-add").click(function(){$("#underlay-gif-container-form-file").click();});
    $("#underlay-gif-container-btns-submit").click(function(){document.forms['underlay-gif-container-form'].submit();$("#underlay-gif-container-general_loader").css("display","inline-block");});
    $("#underlay-gif-container-form-file").change(function(){readURLImg(this);});
});

readURLImg (在提交之前显示图像预览。这是文件上传脚本的一部分。)：

function readURLImg(input){if(input.files&&input.files[0]){var reader=new FileReader();reader.onload=function(e){$("#underlay-img-container-preview").attr("style","background-image:url("+e.target.result+");color:#fafafa");}
reader.readAsDataURL(input.files[0]);}}

我确信我的身份证是正确的。几个小时以来，我一直试图找到答案，但没有成功。

Answer 1

我检查了你的网站，然后我点击按钮上传你的图片>打开终端和测试

$("#underlay-img-container-btns-add").click(function(){alert('btn clicked')})

结果出现了

所以，您的问题是在弹出窗口准备好时调用这些事件。

​

​

去理解这个概念

关闭弹出窗口并尝试它将检索空数组'[]‘的相同代码

<div class="btn" id="green" >
    <div class="icon-image"></div>
    <span>Upload your picture</span>
</div>

再加上

$('.btn#green').click(function() {
  $('.overlay').html($('.overlay').html().replace(/!non_select_tag!/g, 'img'));
  $('.overlay').html($('.overlay').html().replace(/!non_select_txt!/g, 'Picture'));

  // add you events

  $("#underlay-img-container-btns-add").click(function(){alert('btn clicked')})

  $('.overlay').show();


})

这会起作用的

Answer 2

试一试

$("#underlay-img-container-btns-add").on( 'click', function () { ... });

可能无法工作，因为内容是动态创建的。

Answer 3

试一试

$("#underlay-img-container-btns-add").bind( 'click', function () { ... });