javascript - 选择框应超出对话框的边缘

标签 javascript jquery jquery-chosen

我有一个对话框,其中有一个选择框,它应该超出对话框字段的边缘。选择框应延伸到底部之外。到目前为止,我只设法使底部的选择框消失。 我使用选择的 jQuery 插件。

http://jsfiddle.net/Lsjs2/2/

<div id="dialog" title="Basic dialog">
<select id="chosen">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="mercedes">Mercedes</option>
    <option value="VW">VW</option>
    <option value="Nissan">Nissan</option>
    <option value="audi">Audi</option>
</select>

最佳答案

试试这个CSS:

#dialog {
    overflow : visible;
}

.ui-dialog {
    overflow : visible;
}

View Fiddle Here

--编辑

Sari Alalem 是对的,这会影响其他对话。我能想到的不影响其他对话框的解决方案基本上是添加另一个带有溢出的类:可见或使用JavaScript更改#dialog(渲染对话框后)父级的css属性:

考虑到其他对话框,解决方案应该是

#dialog {
    overflow : visible;
}
$('#dialog').dialog().parent().css('overflow', 'visible');

Updated JSFiddle

关于javascript - 选择框应超出对话框的边缘,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22758539/

相关文章:

java - 尝试使用 javaScript 调用 Servlet 操作时获取 Null

jquery - Facebook 喜欢图库风格

javascript - 如果当前 url 不包含 location.search 重定向到主页

jquery 在禁用选项上选择

javascript - 为什么选择自动选择元素?

javascript - 错误无法解析 package.json

javascript - 如何监听 firestore 子集合中所有文档的更改?

html - 无法使用 Chosen 插件更改下拉列表的宽度

javascript - 需要帮助在 QBE(示例查询)MarkLogic 中创建日期范围查询格式示例

javascript - 如何使用 jquery/js 使内容在悬停时显示在另一个下方(如 <li> 列表)