我喜欢来自https://github.com/ivaynberg/select2的select2框 我使用format:选项来格式化每个元素,它看起来很棒.
一切都很好,除了由于图像选定的元素大于选择框的高度.
我知道如何更改宽度,但是如何更改高度以便在选择元素之后,它会显示完整的内容(约150px)
这是我的启蒙:
<script>
$("#selboxChild").select2({
matcher: function(term, text) {
var t = (js_child_sponsors[text] ? js_child_sponsors[text] : text);
return t.toUpperCase().indexOf(term.toUpperCase()) >= 0;
},
formatResult: formatChild,
formatSelection: formatChild,
escapeMarkup: function(m) {
return m;
}
});
</script>
Run Code Online (Sandbox Code Playgroud)
这是我的选择框
<select id="selboxChild" style="width: 300px; height: 200px">
<option value="">No child attached</option>
</select>
Run Code Online (Sandbox Code Playgroud)
要澄清:我不希望每个选项的高度都改变 我在选择一个孩子后我正在寻找选择框来改变高度.
因此,当页面首次加载时,显示"未选择子项"当您单击下拉菜单并选择一个孩子时,您会看到孩子的图像.现在我需要选择框来扩展!否则孩子的照片会被切断.
有人明白吗?
当我的应用程序失去焦点时,我需要设置透明度。我还需要在重新获得焦点时重置透明度(通过鼠标单击或 alt-tab 或其他方式)
我知道如何设置透明度,所以这不是问题: setWindowOpacity(0.75);
问题是什么时候?