我们在Cordova应用程序中使用jQuery Mobile弹出窗口。当我们启用滚动时(使用overflow-y
),按钮单击事件不会触发。这个问题只发生在Android 4.2.2上,而它似乎在其他版本上运行良好。
我们尝试了多种选择,但无法解决这个问题!
<div data-role="popup" id="main" style:'height: 60%;'>
<div id="header"></div>
<div id="content" style='height: 90%; overflow-y: scroll'></div>
</div>
$(document).ready(function(){
var data = "";
data += "" ;
//some images
data += "<div id='main_buttons'><div style='margin-left:10%;margin-right:10%;font-size:40px'>some text here</div>";
data += "<table style='margin-left:10%;' width='82%'><tr width='82%'><td align='right'><button type='submit' id='btn1' >Adjust button</button></td>";
data += "</tr></table></div>";
document.getElementById('content').innerHTML = data;
//click event
$(document).on("click", "#btn1", function(e){
alert("button clicked");
});
});