在单击事件处理程序中使用 "this" 对象

Using "this" object inside click event handler

我正在编写 PhoneGap 应用程序。我使用 PhoneGap Build Web 服务编译它。我没有包括 jQuery Mobile,尽管我在我的项目中包括了 jQuery。在纯 web 应用程序中,我经常使用这样的代码:

<html>
    <body>
        <div class="button" id="button1">Hello</div>
        <script> 
            $(".button").click(function() {
                alert($(this).attr("id"));
            });
        </script>
    </body>
</html>

但是,在 PhoneGap 中,我发现当我通过 jQuery 的 $(this) 引用我的 $(".button") 元素的任何属性时,该属性的值是 undefined.我该怎么办?

事件未触发,因为文档未就绪。对于 phonegap,我需要在 deviceReady() 方法中注册事件。这里有更多关于该事件的信息: Phonegap deviceready vs document ready