javascript - "click"事件处理程序未触发

Question

我有一个 php 页面，它打印出一个 div，该 div 具有多个具有不同 ID 的 anchor 标记。这是示例代码:

echo "<div id=\"pageLinks\">";
echo " <a href=\"javascript:;\" id=\"1\"><<</a> ";
echo "another link...."
echo "</div">;

应监听 click 事件的 JavaScript 代码如下:

$(document).ready(function(){
    $("div#pageLinks a").click(function(){
       alert("clicked");
    });
});

但它显然不起作用(我看不到“点击”警报)。 有人可以帮助我吗？

Answer 1

您的 HTML 源代码已完全损坏。您应该使用<而不是<并正确关闭最后一个 div。

顺便说一句，您的 JavaScript 代码正在运行，请在此处检查:http://jsfiddle.net/raszi/H9dnE/3/

更新

可能更好的代码:

PHP:

echo '<div id="pageLinks">';
echo '<a href="#" id="1">&lt;&lt;</a>'
echo 'another link...';
echo '</div>';

Javascript:

$(function() {
  $("div#pageLinks a").click(function( event ) {
    event.stopPropagation();

    alert("Clicked!");
  });
});

可以在这里查看:http://jsfiddle.net/raszi/p3Ug2/