Javascript 单击事件不处理附加项
我无法对附加的数据调用click函数。我有一个如下所示的html结构,项目是在滑块移动后添加的。添加项目后,我需要获取click事件,但目前它不起作用 HTMLJavascript 单击事件不处理附加项,javascript,jquery,Javascript,Jquery,我无法对附加的数据调用click函数。我有一个如下所示的html结构,项目是在滑块移动后添加的。添加项目后,我需要获取click事件,但目前它不起作用 HTML JS var showNearbySearchResult=函数(结果、popLat、popLong){ 项目=''; 项目=“”+ '' + ''+result.name_e+''+ ''+result.amphoe_e+''+result.province_e+'''+ '' + “+popLat+”,“+popLong+”;
JS
var showNearbySearchResult=函数(结果、popLat、popLong){
项目='';
项目=“”+
'' +
''+result.name_e+''+
''+result.amphoe_e+''+result.province_e+'''+
'' +
“+popLat+”,“+popLong+”;
$(“.ui.list.found result”).append(项);
}
$('.ui.list.found result')。在('click','u id',函数(e){
警报(2);
console.log($(this.text());
});
请尝试以下代码:-
$('.ui.list.found-result').on('click', '.id_', function(e) {
alert(2);
console.log($(this).text());
});
没有具有
\u id
的类,请将其替换为id
var showNearbySearchResult = function(result, popLat, popLong) {
item = '';
item = '<div class="item id_">' +
'<div class="content">' +
'<a class="header right-header">' + result.name_e + '</a>' +
'<div class="description">' + result.amphoe_e + ' ' + result.province_e +'<i class="map marker icon"></i>'+'</div>' +
'</div>' +
'</div><div class="pop-geometry">'+popLat+', '+ popLong+'</div>' + '</div>';
$(".ui.list.found-result").append(item);
}
$('.ui.list.found-result').on('click', '._id', function(e) {
alert(2);
console.log($(this).text());
});
$('.ui.list.found-result').on('click', '.id_', function(e) {
alert(2);
console.log($(this).text());
});