jquery uiダイアログスクロール可能、ダイアログボックスの下にあるチェックボックスを選択できません

jquery UIがポップアップ表示されているため、コンテンツの量によって垂直スクロールバーが必要です。jquery uiダイアログスクロール可能、ダイアログボックスの下にあるチェックボックスを選択できません

ポップアップの下部にチェックボックスがあり、これを選択可能にすることができません。チェックボックスをクリックしようとするたびに、フォーカスはポップアップの上部のコントロールにまっすぐジャンプします。誰もが任意のアイデアを持っています

<head> 
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> 
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> 

</head> 

<a href="javascript:openPersonDialog();">Open the Dialog</a> 

<div id="personDialog" class="ui-content" data-position-to="window" style="padding-bottom: 2em; height:400px; max-height:400px; overflow-y:auto; min-width: 600px; max-width: 600px;" data-role="popup" data-theme="a" data-overlay-theme="b" data-dismissible="false"> 
    <input type="hidden" autofocus="autofocus" /> 
    <input type="text" id="txtA" /> 
    <div style="height:700px; background-color:lightblue;"> 

    </div> 
    <input id="chkA" type="checkbox" /> 
    <label for="chkA">Test Checkbox</label> 
</div> 

<script type="text/javascript"> 


function openPersonDialog() 
{ 
    $('#personDialog').popup('open'); 
} 

</script>

を次のように

のコード例は、あなたが私に

出典

2016-10-03 Steve B

を与えることができる任意のヘルプのために非常に多くのおかげでだから私は先に行って、私の地元のdevのボックスでこれを入れて私のために問題はありません。私はそれをチェックし、問題のチェックを外すことができます、あなたはそれを見ることができますhere自分自身をお試しください。

出典

2016-10-03 02:08:55 Baker

私の質問@Bakerを見ていただきありがとうございます。おそらく私がjQueryモバイルを使用していたことを明確にしていないので、それを私の質問に追加しました –

jquery uiダイアログスクロール可能、ダイアログボックスの下にあるチェックボックスを選択できません

答えて

関連する問題