在 Eclipse 上调试 jquery mobile

Question

所以我正在学习 jQuery Mobile，并尝试在我的 Android 模拟器中运行以下代码。我试图做的是使用 $.mobile.changePage() 方法导航到我的联系人页面（contact.html）。显然我做错了什么，因为我什至没有看到我在 JS 中放置的 alert() 调用。

我在我的 html 文件中使用 jquery.mobile-1.0.min.css、jquery-1.6.4.min.js 和 jquery.mobile-1.0.min.js。

我的代码中有一个 id 为“html5Btn”的 html5 按钮标签。我已将该按钮包装在带有 data-role='content' 属性的“div”中。

谁能解释一下...

1. 我在代码中做错了什么？

2. 如何在 Eclipse 中调试 JS？我在我的 LogCat 中没有看到任何错误？这是我寻找 jQuery 错误的地方吗？

   //CHANGE PAGE USING changePage()...placed this code 
   $("#html5Btn").bind('click', function(event) {
       alert("in JS");
       $.mobile.changePage('contact.html');
   }, false);
   

Answer 1

试试

//CHANGE PAGE USING changePage()...placed this code 
$("#html5Btn").live('click', function(event) {
    alert("in JS");
    $.mobile.changePage('contact.html');
}, false);

对于调试，firebug 是你的朋友！另外，我正在使用 intellij 11 Ultimate...我必须说 javascript 调试器很好！