返回AJAX图像但是jQuery click没有工作

时间:2017-06-27 12:45:40

标签: jquery ajax

我的索引HTML中有7个图像,然后我使用jQuery函数,当我点击图像时,函数会给我图像' IDS。

该功能如下:

$(".imgss").click(function() {

  alert($(this).attr("id"));

});

.imgss是一个iIgive类,但是我在选择框中选择了另一个城市,我将变量发送到PHP,AJAX给了我其他新图像的结果。

下载新图片时,我尝试点击图片,但jQuery不起作用。

新图片也有.imgss类。

这是我创建图像的PHP代码:

print_r ("<div class='responsive' id='salonlarimi_goster'> 
<img src='$salonlarimi_ver[f1]' alt='salon_foto_5' width='250' height='250' 
id='$salonlarimi_ver[klavuz]' class='gelenimg'> 
<div class='desc'>$salonlarimi_ver[salon_isim]</div> </div>"); 

3 个答案:

答案 0 :(得分:1)

我认为您正在处理动态HTML内容,因此不是:

onStart

$(".imgss").click(function() {   // This works for static html
  alert($(this).attr("id"));
});

说明: $(document).on('click', '.imgss', function() { // This works for static as well as dynamic html alert($(this).attr("id")); }); 加载的html是动态的。要解决这个问题,你必须使用适当的事件监听器。

答案 1 :(得分:1)

试试这段代码。因为当你下载新图像比jquery不知道它。

$(document).on("click",".imgss",function() {
  alert($(this).attr("id"));
});

答案 2 :(得分:0)

$('.imgss').on('click', function() { 
  alert();
});