Question

我有一个jquery ui popup，由于内容的数量需要垂直滚动条。

弹出窗口底部有一个复选框，我无法选择此选项，只要我尝试点击复选框，焦点就会直接跳到弹出窗口顶部的控件。

示例代码如下

<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>

有没有人有任何想法，非常感谢你能给我的任何帮助

Answer 1

所以我继续把它放在我的本地开发盒上，这对我没有任何问题我可以检查它并取消选中它没问题，你可以自己查看它here。

jquery ui对话框可滚动，无法选择对话框底部的复选框

1 个答案: