0

当将固定标题类应用于正文标记时，我遇到了 select2 插件的一个奇怪的渲染问题。我已经设法用模板分发的演示文件复制了这个问题。我已经检查了1.8.6.2和1.8.7.1版本

要查看问题，请导航到file:/// /DEVELOPER/HTML_Full_Version/plugins.html单击屏幕右上角的转动齿轮并选中“Fixed Header”复选框。然后向下滚动到“插件和增强器”小部件并尝试打开（下拉）任何 select2 组合（问题出现在它们中，无论是单选还是多选）。更具体地说，当下拉框出现时，它会越过输入元素并占据其空间，而不是在其下方。如果下拉框由于下方空间不足而需要放在输入元素的顶部，则不会出现此问题。请查看以下演示问题的屏幕截图：

在此处输入图像描述 单选 在此处输入图像描述 多选

请注意，该问题不会出现在可以在这里找到的在线演示中http://192.241.236.31/themes/preview/smartadmin/1.8.x/ajax/index.html#ajax/plugins.html其中很奇怪，但表明这不是特定于浏览器的（我使用 Firefox），但是我试图找出本地文件和在线源之间的区别，但无济于事。

谢谢你。

4

2 回答 2

1

启动插件select2时，将 Json 参数设置为具有 CSS 属性{"dropdownParent": object}的另一个wrapper（非body标签）对象的值position:relative。例如，如果使用smartadmin模板，它可以是$('.jarviswidget').

问题是标签CSS 属性的body类集。插件初始化后自动生成的 HTML 代码也有样式，它会将标签下移，因为默认情况下，额外的HTML 代码直接在标签中生成，正好在关闭之前。..fixed-headerheaderposition: fixedselect2position: absolute ...select2select2bodybody

于 2017-10-03T00:52:50.240 回答
0 
var parentElement = $(".jarviswidget");

        if ($('.select2').length) {
            $('.select2').select2({
                "dropdownParent": parentElement,
                "allowClear": !0,
                "width": "100%"
            });
        }
于 2017-10-02T22:55:04.427 回答