Question

是否可以修改selectize.js？它没有下拉列表，而是会为其选项打开一个模态框？我正在考虑有一个onfocus事件然后它将打开该模态但阻止下拉。我只是不确定如何实现它。以及如何在保存模态选项后填充选择

Answer 1

自定义代码库通常不是一个好主意，因为您将无法升级到下一个版本。您最好使用js和css滚动自己的解决方案。实际上制作模态框并不困难，你只需要在比页面其他部分更高的z-index处浮动div，然后在其后面放置一个透明层以防止用户点击进入后台页面。这是我用来浮动模态的一些示例css和html。

CSS

<div id="dialogLayer" class="BDT_Dialog_Layer">
    <div class="BDT_Dialog_Center">
        <div class="BDT_Dialog_Decoration">                    
            My stuff                         
        </div>
    </div>

HTML

div.BlockInteractionWithPage {
position: absolute;
top: 0px;
left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
background-color: #ffffff;
opacity: 0.0;
filter: alpha(opacity=0); /* filter:alpha for IE8 and earlier */
height: 100%;
width: 100%;    
}

这是阻塞层css

{{1}}

Selectize.js中选项的模态框

1 个答案: