Jquery ui 对话框中的Jquery ui可滚动列表

我正在crm 2011应用程序中使用JQuery Ui。 我使用jQueryUI对话框来显示列表，但是当列表太长时，我希望显示一个垂直滚动条。现在列表超过了表单的长度。 我试着设置对话框的最大高度，但什么也没发生——也许我没有正确地设置。。（我不熟悉jquery和css）。 我将感谢任何帮助，谢谢

var listItemsString = "";

for (var i = 0; i < listItemsArray.length; i++) {
    listItemsString += "<li class='ui-widget-content'>" + listItemsArray[i] + "</li>";
}

var div = $("<div id='myListDialog' title='this is the title'><p class='validateTips'>this is the description</p>"
                + "<form><ul id='selectable'>" + listItemsString + "</ul></form></div>");

$("body").prepend(div);

$("#selectable ul").css({ "list-style-type": "none", "margin": "0", "padding": "0", "width": "60%" });
$("#selectable li").css({ "margin": "3px", "padding": "0.4em", "height": "14px" });

$("#selectable").selectable({ selected: listSelectfunction ,unselected: listUnselectfunction});

$("#myListDialog").dialog({
    height: 20,
    modal: true,
    autoOpen: true,
    draggable: false,
    resizable: false,
    position: [350, $(window.parent.document).scrollTop() + 500 / 2],
    closeOnEscape: false,
    open: function (event, ui) { $(".ui-dialog-titlebar-close").hide(); },
    buttons: buttons
});

var listItemsString=“”；
对于（var i=0；i”+listItemsArray[i]+“”；
}
var div=$（“
这是说明
”
+“
”+列表项字符串+”
”；
$（“正文”）。预付款（部门）；
$（“#可选ul”）.css（{“列表样式类型”：“无”、“边距”：“0”、“填充”：“0”、“宽度”：“60%”）；
css（{“边距”：“3px”，“填充”：“0.4em”，“高度”：“14px”}）；
$（“#可选”）。可选（{selected:listSelectfunction，unselected:listUnselectfunction}）；
$（“#myListDialog”）.dialog({
身高：20，
莫代尔：是的，
自动打开：对，
可拖动：错误，
可调整大小：false，
位置：[350，$（window.parent.document）.scrollTop（）+500/2]，
closeOnEscape：错误，
打开：函数（事件，ui）{$（“.ui对话框标题栏关闭”）.hide（）；}，
按钮：按钮
});

您可以将对话框中的任何内容设置为最大高度（max height），并通过将overflow设置为auto使其在其中滚动。 看这把小提琴：

---

您可以将对话框中的任何内容设置为最大高度（max height），并通过将overflow设置为auto使其在其中滚动。 看这把小提琴：

---

谢谢你的回答，但我还是不能让它工作。现在确实出现了一个滚动条，但我仍然无法设置对话框的最大高度-也就是说，对话框仍然太长，但现在列表中有一个滚动条（实际上什么都不做）。我将您的JS插入到小提琴中，并给了您一些CSS，它正在设置它们的最大高度（对话框div和列表）。。。。谢谢你的回答，但我还是不能让它工作。现在确实出现了一个滚动条，但我仍然无法设置对话框的最大高度-也就是说，对话框仍然太长，但现在列表中有一个滚动条（实际上什么都不做）。我将您的JS插入到小提琴中，并给了您一些CSS，它正在设置它们的最大高度（对话框div和列表）。。。。

.child {
    max-height:150px;
    overflow: auto;
    width: 150px;
}