javascript - 如何将点击事件附加到以编程方式创建的 jquery 对象?

标签 javascript jquery html events click

我正在编写一些 jquery 以编程方式构建链接列表,我想将 click() 事件附加到每个链接。我无法触发点击功能。任何人都可以为我指明正确的方向吗?

这是我目前所拥有的:

<!doctype html>
<html>
<head>
<title></title>

<script type="text/javascript" src="helper/jquery-1.4.2.min.js"></script>  
<script type="text/javascript">                                         
$(document).ready(function() {
    var markup = '<li><a href="#myLink1">some link</a></li>';
    var $newLink = $(markup);
    $newLink.appendTo('.myLinks ul');
    $newLink.show();

    $("ul.myLinks li").click(function() {
        alert('hello');
    });
});
</script> 

</head>

<body>
  <div class="myLinks">
    <ul>
    </ul>
  </div>

</body>
</html>

最佳答案

你的错误在这里:

$("ul.myLinks li").click(function() {
    alert('hello');
});

应该是.myLinks ul li相反,作为你的 myLinks类(class)在 <div> 上, 不是 <ul> .

如果这仍然不起作用,那么 Evgeny 是正确的,您应该将点击事件附加到您的 <a> s 而不是它们包含 <li>

关于javascript - 如何将点击事件附加到以编程方式创建的 jquery 对象?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3614842/

相关文章:

jquery - jquery中的mousedown/mouseup适用于ipad吗?

javascript - 菜单下拉并检查它是否是当前项目并重定向

html - purecss pure-menu-item 不能正常工作

javascript - Node js应用程序加载资源失败

javascript 使用 htpasswd 进行身份验证并获取 json

javascript - 仅在所有 javascript 执行完毕后才显示页面

javascript - 使用 jquery 动态删除表行不起作用

html - CSS 样式未显示在 Django 应用程序中

JavaScript : RemoveEventListener with Anonym Function

javascript - Moment js - 剩余天数 - 返回的值不正确