锚上的动态ID没有在其他锚上触发最后一个锚php js pdo答案

【问题标题】：dynamic id on anchor not firing on other anchor last anchor php js pdo锚上的动态ID没有在其他锚上触发最后一个锚php js pdo
【发布时间】：2014-11-03 15:37:10
【问题描述】：

<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 个条目，每个链接都转到每个事件的详细信息页面，我能够使第一个链接转到详细信息页面，但是第二个链接没有触发这里的错误是什么。任何帮助表示赞赏

【问题讨论】：

标签： javascript php jquery html pdo

【解决方案1】：

您应该在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);
    });
});

【讨论】：

你比我快 30 秒！
它有效，请解释为什么我的代码无效..非常感谢这个建议，如果我知道它为什么无效，它将对我有更多帮助
1) 你想为你的所有.event 元素实现一个算法，所以在做任何事情之前你应该循环它们。 2) id 对于每个元素都是唯一的，因此获取它应该在循环内。 3）您使用 jQuery，但您正在编写比 jQuery（跨浏览器）更难的 RAW javascript。

【解决方案2】：

更改您的 anchor 标记行，如下所示：

echo "<a class=\"event\" id=\"" .$value['eventsearchresultid']."\" href=\"#\" value=\"".$value['eventsearchresultid']."\">".$value['eventsearchresultwhat']."</a>";

【讨论】：

最后一个条目是相同的，但其他条目不是