先添加事件, 后添加DOM

weixin_33913377

于 2014-04-10 14:34:00 发布

阅读量126

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/vernon/blog/220659

本文通过一个具体的示例展示了如何在jQuery中先为元素绑定点击事件，然后再将这些元素添加到DOM树中。这种方法适用于动态生成的内容，确保了即使元素是在页面加载后添加的也能正确响应事件。

<!DOCTYPE html>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>先添加事件, 后添加DOM</title>
    <script type="text/javascript" src="../global/js/jquery-1.8.1.js"></script>
    <script type="text/javascript">
        $(function(){
            var html = '<li><a href="javascript:;" name="user">陈袁</a></li>';
            var temp = $('<ul></ul>').append(html);
            temp.find('a[name="user"]').bind('click', say);
            $(".container").append(temp);
            console.log('---------------- OVER -------------------');
        });

        function say() {
            console.log('======================');
        }
    </script>
</head>
<body>
Hello World!!!!
<div class="container">
    <a href="javascript:;">链接</a>
</div>
</body>
</html>

转载于:https://my.oschina.net/vernon/blog/220659