フォームをポップアップすると、iPad ですぐに入力に集中できません。別の問題は、フォームのボタンのテーマが、ボタンを押した後に e から b に変わり、それ以上元に戻らないことです!
<div data-role="page" id="addrPage">
<div id="popupLogin" data-theme="e" class="ui-corner-all"
style="z-index: 2;position:fixed;display: none;left:10%;top:15%;width: 250px;height: 150px;background-color:#0">
<form id="OKForm" >
<input type="text" id="formEdit" value="" placeholder="Input" data-theme="e" autofocus="autofocus"/>
<button type="submit" id="btnOK" data-theme="e">
OK
</button>
</form>
</div>
<a data-role="button" id="tbProp">show</a>
</div><!-- /page -->
<script>
$('#tbProp').bind( "click", function(event, ui) {
$('#popupLogin').show();
setTimeout(function(){
$("#formEdit").focus();
},0);
});
$('#OKForm').submit(function() {
$("#popupLogin").hide();
$("btnOK").removeClass("ui-btn-up-b ui-btn-hover-b").addClass("ui-btn-up-e ui-btn-hover-e");
return false;
});
</script>