2012-07-17 31 views
0

我正在用jQuery Mobile Framework编写移动应用程序,并遇到了一个没有任何意义的问题。我在我的页面底部以下功能:jQuery Mobile方法失败无声

$(document).ready(function() { 
     alert('binding'); 
     $("li.item, li.altitem").bind("dblclick", function() { 
     alert('here'); 
     var id = $(this).attr("id").replace("item_", ""); 
     window.radopen("/review-detail.aspx?id=" + id, "ReviewDetailWindow");      
    }); 
}); 

从本质上讲这是什么功能正在做的是当网页加载它循环遍历所有<李>标签带班“项目”或“altitem”和添加一个双击事件,打开一个模态对话框。这个功能在我第一次双击(最终双击)其中一个列表项时效果很好,但随后的双击被忽略。我没有看到任何JavaScript错误发生,所以我不完全确定发生了什么或从哪里开始。这似乎也是一个跨浏览器问题

有什么建议吗?

回答

0

我不完全确定为什么,但我现在已经开始工作了。显然我不应该使用$(document).ready()方法调用,因为移动框架没有正式支持它。更新的(和功能性)JS是:

$(document).on("click", "li.item, li.altitem", function() { 
    var id = $(this).attr("id").replace("item_", ""); 
    var win = radopen("/review-detail.aspx?id=" + id, "ReviewDetailWindow");     
    win.center(); 
});