在Android 4.2.2上,JQuery Button点击不兼容overflow-y

时间:2015-06-20 13:18:17

标签: jquery cordova buttonclick

我们在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"); 
    }); 
});

0 个答案:

没有答案