gpt4 book ai didi

javascript - 元素上未触发单击事件

转载 作者:行者123 更新时间:2023-12-03 01:12:25 24 4
gpt4 key购买 nike

我有多个a元素。我正在尝试处理单击事件以在警报中显示 id单击的链接但没有发生任何事情。请帮忙!

$(".sites").click(function() {
alert('handlin');
alert($(this).attr("id"));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="#" class="sites" id="1">test1</a>
<a href="#" class="sites" id="2">test2</a>

链接在此处生成:

$.getJSON(categoriesURL, {
term: request
}, function(data) {
var iHtml = '';
$.each(data, function(i, item) {
if (10 <= i)
return false;
iHtml += '<li><a href="#" class="sites" id="'+item.id+'">' + (item.title || '') + '</a></li>';
});
$('#categories').append(iHtml);
});

最佳答案

你必须在ajax调用完成后绑定(bind)事件

 function bindButtonClick(){
$(document).on('click', '.sites', function() {
alert('handlin');
alert($(this).attr("id"));
});
}

$.getJSON(categoriesURL, {
term: request
}, function(data) {
var iHtml = '';
$.each(data, function(i, item) {
if (10 <= i)
return false;
iHtml += '<li><a href="#" class="sites" id="'+item.id+'">' + (item.title || '') + '</a></li>';
});
$('#categories').append(iHtml);
bindButtonClick();
});

关于javascript - <a> 元素上未触发单击事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52161345/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com