gpt4 book ai didi

javascript - Ajax 调用后的可点击行

转载 作者:行者123 更新时间:2023-11-30 17:06:54 25 4
gpt4 key购买 nike

<分区>

我有一张带有拖车的表格,可通过以下方式点击:

$(".clickableRow").click(function() {
console.log('Row Clicked');
window.document.location = $(this).attr("href");
});

页面加载后效果很好。但是,我们添加了一个搜索功能,可在 Ajax 调用后动态添加行。

调用完成后,这些行将不再可点击。

$('#carName').changeOrDelayedKey(function(e) {
var carSearch = $(this).val();
console.log(carSearch);
var carRows = $('#carTable tr[id^="product-"]');
$(carRows).each(function () {
console.log('This:'+this);
$(this).remove();
});


//Get new data
$.post("search.php", {s: carSearch}, function (data) {
console.log(data);
$.each(data, function (index) {
if ($('#product-' + data[index].externalProductId + '').length == 0) {
$('#carTable').append('<tr id="product-' + data[index].externalProductId + '" class="clickableRow" href="/'+data[index].url+'/"><td>' + data[index].title + '</td></tr>');
}
});

}, "json");
}, 400, 'keyup');

$(".clickableRow").click(function() {
console.log('Row Clicked');
window.document.location = $(this).attr("href");
});

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