javascript没有检测到链接上的点击

时间:2014-12-04 15:46:51

标签: javascript jquery html dom hyperlink

我正在插入链接元素并希望分享点击次数,但我没有得到.. 测试代码:

<html>
<title></title>
<head>

    <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
    <script type="text/javascript">

        $(document).ready(function(){
            $("#teste").click(function(){
               $("body").append($("<a>").text("Element A"));
            });

            $("a").click(function(){
               alert("oi");
            });
        });

    </script>

</head>
<body>
    <input type="button" value="INSERT A" id="teste" />
</body>
</html>

2 个答案:

答案 0 :(得分:1)

附加活动时,链接不在页面上。就像在做之前尝试吃披萨一样。您需要在单击时附加事件,或者需要使用事件委派。

$(document).on("click", "a", function(){
    alert("oi");
});

答案 1 :(得分:0)

您尝试在创建元素之前注册处理程序,您必须使用委托,即在已经存在的祖先节点上注册事件,并对其进行过滤。

jQuery有一个简单的方法。

$(document).on('click', 'a', function(){
   alert("oi");
});