gpt4 book ai didi

javascript - anchor 上的动态ID不会在其他 anchor 上触发最后一个 anchor php js pdo

转载 作者:行者123 更新时间:2023-12-03 11:52:30 29 4
gpt4 key购买 nike

<div class="headerimage"><img src="images/events.png"/></div>
<?php
foreach (LoadEvent() as $value){
echo '<div class="dynamicsidemenu eventback">';
echo "<a class=\"event\"id=" .$value['eventsearchresultid']. " href='#' value=" .$value['eventsearchresultid']. ">".$value['eventsearchresultwhat']."</a>";
echo "<br/>\n";
echo $value['eventsearchresultwhen'];
echo "<br/>\n";
echo $value['eventsearchresultwhere'];
echo '</div>';
}
?>

$(document).ready(function(){
var id = $(".event").attr("value");
var a = document.getElementById(id);
a.addEventListener("click", function(event){
event.preventDefault();
alert(this.getAttribute(id));
//var $id = this.getAttribute("value");
$('#leftcolumncontainer').load('pages/upcomingeventsmenu.php');
$('#middlecolumncontainer').load('pages/upcomingeventscontent.php?id=' + id );
});
});

我这里有一个代码,来自数据库的最后 5 个条目,每个链接都转到每个事件的详细信息页面,我能够使第一个链接转到详细信息页面,但第二个链接没有触发,这里有什么错误。感谢任何帮助

最佳答案

您应该在 click 事件处理程序中定义您的 id,尝试以下操作:

$(document).ready(function(){
$(".event").on('click', function (event) {
event.preventDefault();
var id = $(this).attr('id');

$('#leftcolumncontainer').load('pages/upcomingeventsmenu.php');
$('#middlecolumncontainer').load('pages/upcomingeventscontent.php?id=' + id);
});
});

关于javascript - anchor 上的动态ID不会在其他 anchor 上触发最后一个 anchor php js pdo,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25757769/

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