gpt4 book ai didi

Jquery UI 选择菜单在对话框中不起作用

转载 作者:行者123 更新时间:2023-12-03 22:38:24 26 4
gpt4 key购买 nike

当在对话框内的表格内时,选择不会打开。我包含了问题的代码片段

$('select').selectmenu();
$('.RegularDialog').dialog({
autoOpen: false,
modal: true,
height: 500,
width: 570
});
$('#OpenDialog').click(function(e) {
$('.RegularDialog').dialog('open');
});
<head>
<link href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css" rel="stylesheet" />
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
</head>

<body>
<div id="Dialog" title="Edit Dialog" class="RegularDialog">
<form action="">
<table>
<tr>
<td>Select the Type</td>
<td>
<select id="Type">
<option value="a">Type 1</option>
<option value="b">Type 2</option>
<option value="c">Type 3</option>
</select>
</td>
</tr>
</table>
</form>
</div>

<button id="OpenDialog">Open Dialog</button>
</body>

最佳答案

问题是 jQuery UI 正在为页面上的选择生成“下拉菜单”,但这位于成为弹出窗口的 div 之外。然后,当显示对话框时,它会覆盖“下拉菜单”。

如果将 selectmenu() 调用移至对话框出现之后,则它可以正常工作。

您的代码片段已更新:

$('.RegularDialog').dialog({
autoOpen: false,
modal: true,
height: 500,
width: 570
});
$('#OpenDialog').click(function(e) {
$('.RegularDialog').dialog('open');
$('select').selectmenu();
});
<head>
<link href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css" rel="stylesheet" />
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
</head>

<body>
<div id="Dialog" title="Edit Dialog" class="RegularDialog">
<form action="">
<table>
<tr>
<td>Select the Type</td>
<td>
<select id="Type">
<option value="a">Type 1</option>
<option value="b">Type 2</option>
<option value="c">Type 3</option>
</select>
</td>
</tr>
</table>
</form>
</div>

<button id="OpenDialog">Open Dialog</button>
</body>

关于Jquery UI 选择菜单在对话框中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28441105/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com