Question

在我的代码中，我已经在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：

//要在#results元素中加载的内容

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>';

/ *上面是我用javascript函数添加的html。这不在里面.ready * /

Answer 1

听起来好像在.click标记位于DOM之前（即在DOM就绪事件之前）运行<a>代码。

确保代码包含在on ready事件中，如下所示：

$( document ).ready( function() {

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

});

onclick工作时，click事件无效

1 个答案: