gpt4 book ai didi

jquery - 如何设置展开的 "Chosen"元素的最大高度(jQuery 插件)

转载 作者:技术小花猫 更新时间:2023-10-29 12:30:10 24 4
gpt4 key购买 nike

目前我在 JQuery 对话框中使用 Chosen JQuery 小部件,一旦打开下拉框,下拉框的大小就会导致对话框溢出,从而导致:(注意有两个滚动条,一个用于下拉框,一个用于对话框,这使得滚动几乎无用:

http://i.imgur.com/bCTCDCq.png?1

有没有办法设置:

  • 必须滚动之前显示的最大元素数,
  • 选择/选择的下拉框的最大高度,或
  • 包含元素之一的最大高度

让它看起来更像这样(这是一个 photoshop,这就是我想要的样子):

http://i.stack.imgur.com/M27ul.png

即对话框窗口中没有溢出,因为在您必须滚动之前只显示了 8 个元素。

最佳答案

tl;dr:将此 CSS 规则添加到您的 styles.css:

.chosen-container .chosen-results {
max-height:100px;
}


最初我不明白这一点,但这个选择器实际上应用于类 inside Chosen(库生成自己的 html 元素,与 <select> 元素分开)他们不是指您(设计师)将 Chosen 放入其中的容器,因此它们可以在任何情况下工作。

然而,即使我意识到这一点,这个选择器也不会工作,因为 chosen.css 有完全相同的选择器,而且因为 last declared rule wins ,我的规则没有效果。有两种解决方案:

  • 添加!important到您的自定义规则(可能是不正确的方式)

  • 确保您的 styles.css chosen.css 之后声明。我的链接按以下顺序排列:

    <link rel="stylesheet" href="css/main.css">

    <link rel="stylesheet" href="chosen/chosen.css">

    如果您更改顺序,使您的 main.css(或任何您命名的自定义样式文件)在之后声明,问题也将得到解决。

    <

关于jquery - 如何设置展开的 "Chosen"元素的最大高度(jQuery 插件),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21111652/

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