锚点上的动态 ID 未在其他锚点上触发最后一个锚点 PHP js PDO

dynamic id on anchor not firing on other anchor last anchor php js pdo

本文关键字：最后一个 js PDO PHP 动态 ID 其他      更新时间：2023-09-26
<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 );
    });
});

我这里有一个代码 o 数据库的最后 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);
    });
});

更改锚标记行，如下所示：

echo "<a class='"event'" id='"" .$value['eventsearchresultid']."'" href='"#'" value='"".$value['eventsearchresultid']."'">".$value['eventsearchresultwhat']."</a>";
相关文章：