当我在引导模式中使用select2(输入)时,我无法在其中键入任何内容。就像残疾人一样?在模式之外,select2可以正常工作
工作示例:http://jsfiddle.net/byJy8/1/
代码:
<;!——模态-->;
<;div id=";myModal“;类别=“类”;“模式隐藏淡出”;tabindex="-1“;角色=";“对话”;咏叹调labelledby=";myModalLabel“;咏叹调隐藏=";“真的”&燃气轮机;
<;div class=";模态标题“&燃气轮机;
<;按钮类型=";按钮“;类别=“类”;“关闭”;数据驳回=";“模态”;咏叹调隐藏=";“真的”&燃气轮机;×</按钮>;
<;h3 id=”的;myModalLabel“&燃气轮机;面板</h3>;
</部门>;
<;div class=";“模态体”;风格=“;最大高度:800px“&燃气轮机;
<;form class=";“水平形式”&燃气轮机;
<;!--文本输入-->;
<;div class=";对照组“&燃气轮机;
<;标签类别=";控制标签;for=";vdn“U编号”&燃气轮机;数字</标签>;
<;div class=";控制措施&燃气轮机;
<;!--选择2-->;
<;输入名称=";vdn“U编号”;类型=";“隐藏的”;id=”号;vdn“U编号”;类别=“类”;输入大“;必需="&引用/&燃气轮机;
</部门>;
</部门>;
</表格>;
</部门>;
<;div class=";“模式页脚”&燃气轮机;
<;按钮类=";btn";数据驳回=";“模态”;咏叹调隐藏=";“真的”&燃气轮机;关闭</按钮>;
<;按钮类=";btn btn primary“&燃气轮机;保存更改</按钮>;
</部门>;
</部门>;
js
$(“vdn”单元编号)。选择2({
占位符:“00000”;,
最小输入长度:2,
阿贾克斯:{
url:“getAjaxData/”;,
数据类型:“json”,
类型:“POST”;,
数据:功能(术语,第页){
返回{
q:term,//搜索术语
上校:“vdn”
};
},
结果:函数(数据){//将结果解析为Select2所需的格式。
//因为我们使用的是自定义格式函数,所以不需要更改远程JSON数据
返回{结果:数据};
}
}
});
答复:
在这里,您可以找到一个快速解决方案
这里是“正确的方法”:选择2不';嵌入引导模式时无法工作
好的,我要让它工作了
改变
<;div id=";myModal“;类别=“类”;“模式隐藏淡出”;tabindex="-1“;角色=";“对话”;咏叹调labelledby=";myModalLabel“;咏叹调隐藏=";“真的”&燃气轮机;
<;div class=";模态标题“&燃气轮机;
<;按钮类型=";按钮“;类别=“类”;“关闭”;数据驳回=";“模态”;咏叹调隐藏=";“真的”&燃气轮机;×</按钮>;
<;h3 id=”的;myModalLabel“&燃气轮机;面板</h3>;
</部门>;
<;div class=";“模态体”;风格=“;最大高度:800px“&燃气轮机;
到
<;div id=";myModal“;类别=“类”;“模式隐藏淡出”;角色=";“对话”;咏叹调labelledby=";myModalLabel“;咏叹调隐藏=";“真的”&燃气轮机;
<;div class=";模态标题“&燃气轮机;
<;按钮类型=";按钮“;类别=“类”;“关闭”;数据驳回=";“模态”;咏叹调隐藏=";“真的”&燃气轮机;×</按钮>;
<;h3 id=”的;myModalLabel“&燃气轮机;面板</h3>;
</部门>;
<;div class=";“模态体”;风格=“;最大高度:800px“&燃气轮机;
(从模式中删除tabindex=-1)