当嵌入引导模式时,Select2不起作用

当我在引导模式中使用select2(输入)时,我无法在其中键入任何内容。就像残疾人一样?在模式之外,select2可以正常工作

工作示例:http://jsfiddle.net/byJy8/1/
代码:

<!——模态-->
<div id="myModal“;类别=“类”;“模式隐藏淡出”;tabindex=&quot-1“;角色="“对话”;咏叹调labelledby="myModalLabel“;咏叹调隐藏="“真的”&燃气轮机;
<div class="模态标题“&燃气轮机;
<按钮类型="按钮“;类别=“类”;“关闭”;数据驳回="“模态”;咏叹调隐藏="“真的”&燃气轮机;×&lt/按钮>
<h3 id=”的;myModalLabel“&燃气轮机;面板&lt/h3>
&lt/部门>
<div class="“模态体”;风格=“;最大高度:800px“&燃气轮机;
<form class="“水平形式”&燃气轮机;
<!--文本输入-->
<div class="对照组“&燃气轮机;
<标签类别="控制标签;for="vdn“U编号”&燃气轮机;数字&lt/标签>
<div class="控制措施&燃气轮机;
<!--选择2-->
<输入名称="vdn“U编号”;类型="“隐藏的”;id=”号;vdn“U编号”;类别=“类”;输入大“;必需=&quot&引用/&燃气轮机;
&lt/部门>
&lt/部门>
&lt/表格>
&lt/部门>
<div class="“模式页脚”&燃气轮机;
<按钮类="btn"数据驳回="“模态”;咏叹调隐藏="“真的”&燃气轮机;关闭&lt/按钮>
<按钮类="btn btn primary“&燃气轮机;保存更改&lt/按钮>
&lt/部门>
&lt/部门>

js

$(“vdn”单元编号)。选择2({
占位符:“00000”;,
最小输入长度:2,
阿贾克斯:{
url:“getAjaxData/”;,
数据类型:“json”,
类型:“POST”;,
数据:功能(术语,第页){
返回{
q:term,//搜索术语
上校:“vdn”
};
},
结果:函数(数据){//将结果解析为Select2所需的格式。
//因为我们使用的是自定义格式函数,所以不需要更改远程JSON数据
返回{结果:数据};
}
}
});

答复:

在这里,您可以找到一个快速解决方案

这里是“正确的方法”:选择2不'嵌入引导模式时无法工作

好的,我要让它工作了

改变

<div id="myModal“;类别=“类”;“模式隐藏淡出”;tabindex=&quot-1“;角色="“对话”;咏叹调labelledby="myModalLabel“;咏叹调隐藏="“真的”&燃气轮机;
<div class="模态标题“&燃气轮机;
<按钮类型="按钮“;类别=“类”;“关闭”;数据驳回="“模态”;咏叹调隐藏="“真的”&燃气轮机;×&lt/按钮>
<h3 id=”的;myModalLabel“&燃气轮机;面板&lt/h3>
&lt/部门>
<div class="“模态体”;风格=“;最大高度:800px“&燃气轮机;

<div id="myModal“;类别=“类”;“模式隐藏淡出”;角色="“对话”;咏叹调labelledby="myModalLabel“;咏叹调隐藏="“真的”&燃气轮机;
<div class="模态标题“&燃气轮机;
<按钮类型="按钮“;类别=“类”;“关闭”;数据驳回="“模态”;咏叹调隐藏="“真的”&燃气轮机;×&lt/按钮>
<h3 id=”的;myModalLabel“&燃气轮机;面板&lt/h3>
&lt/部门>
<div class="“模态体”;风格=“;最大高度:800px“&燃气轮机;

(从模式中删除tabindex=-1

发表评论