Javascript onclick工作时,click事件不工作

Javascript onclick工作时,click事件不工作,javascript,jquery,onclick,Javascript,Jquery,Onclick,在我的代码中,我在一个img标记上应用了click事件,但它根本不起作用,但当我在同一标记上为onclick应用相同的代码时,它就开始完美地工作了。 以下为守则: // closing div with click on img . $('img.close_url').click(function(){ alert('close'); $('div.urlResult').hide(); $('input#hidden_url_title'

在我的代码中,我在一个img标记上应用了click事件,但它根本不起作用,但当我在同一标记上为onclick应用相同的代码时,它就开始完美地工作了。 以下为守则:

   // closing div with click on img .
   $('img.close_url').click(function(){
       alert('close');
       $('div.urlResult').hide();
       $('input#hidden_url_title').val();
       $('input#hidden_url_content').val();
       $('input#hidden_is_url').val(0);
   });

   // closing div by applying onclick on img tag 
   function closeUrl()
   {
       $('div.urlResult').hide();
       $('input#hidden_url_title').val();
       $('input#hidden_url_content').val();
       $('input#hidden_is_url').val(0);
    }
Html:

//要加载到#结果元素中的内容

var content = '<div class = "extracted_url">'+ inc_image +'<div class="extracted_content"><h4><a href="'+extracted_url+'" target="_blank">'+data.title+'</a><img class = "close_url"  src ="'+IMAGE_PATH+'/cross-grey.png"/></h4><p>'+data.content+'</p><div class="thumb_sel"><span class="prev_thumb" id="thumb_prev">&nbsp;</span><span class="next_thumb" id="thumb_next">&nbsp;</span> </div><span class="small_text" id="total_imgs">'+img_arr_pos+' of '+total_images+'</span><span class="small_text">&nbsp;&nbsp;Choose a Thumbnail</span></div></div>';
var content='+inc_image+''+data.content+'

'+img_arr_pos+'of'+total_images+'选择缩略图';

/*上面是我用javascript函数添加的html。这不在内部。就绪*/

听起来像是在运行
。在
标记位于DOM中之前(即在DOM就绪事件之前)单击
代码

确保代码包装在on ready事件中,如下所示:

$( document ).ready( function() {

  // closing div with click on img .
  $('img.close_url').click(function(){
    ..
  });

});

我认为它不起作用,因为图像是在添加url后生成的,而url最初也是隐藏的;而不是简单的单击。我只是在js fiddle中尝试了您的场景,单击似乎对我有效。@Simer您的单击似乎工作正常。您是否包含了
jQuery
library?可能是因为您最初添加了html,而在我的代码中html是在运行时添加的。@Simer Dom可能还没有准备好,当您添加html时似乎还没有准备好我已经把它放在$(document).ready(function(){})中了;但是即使这样它也不起作用。它对放置在这个img标记附近的其他标记起作用。我指的是。请检查我问题的编辑部分。感谢@nickIn的帮助,以便进一步帮助我需要查看所有正在进行的代码。那是哪里声明了“content”变量,它是如何使用的..你能在JSFIDLE中发布所有代码吗?谢谢@nick。当我像这样编写$('div.vieweed-profile-outer')时,它现在开始工作了。('click'、'img.close_url',function(){$('div.urlResult').hide();$('input#hidden_url_title').val();$('input#hidden#url_content').val())$('input#hidden#u is_url').val(0);$('textarea#post_box').val()});