javascript - Get Jquery Chosen 选项显示在 Jquery 对话框之外。

Question

我在底部的 jquery 对话框中有“Jquery Chosen”。当我打开“选择”时，“选择的选项”将进入 jquery 对话框。这会导致 jquery 对话框获得垂直滚动条，并且在关闭“选择”后对话框中出现空隙。关闭“选择”后如何删除间隙。或者有什么方法可以让“选择的选项”脱离对话框。

Answer 1

我是这样解决问题的:

// Setup my chosen inputs
$('.my-chosen').chosen({});

// Prevent my chosen inputs from getting cut off by jquery ui dialogs
$("body").on("chosen:showing_dropdown", ".my-chosen", function () {
    $(".ui-dialog .ui-dialog-content").css("overflow","visible");
    $(".ui-dialog").css("overflow","inherit");
});

在这里查看 fiddle :http://jsfiddle.net/am7ssqzs/