Bootstrap   发布时间:2022-04-18  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了在BootStrap的modal中使用Select2大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

在普通页面中使用SELEct2是正常的,但是在Modal中使用就发现了一些问题,首先如果在页面加载完成后就调用

$(".SELEct2").SELEct2();是会有问题的,你会发现Modal框中的SELEct显示不正常,正确的做法是要改成

$("#editModal").on("shown.bs.modal",function(){
            $(".SELEct2").SELEct2();
 })

这是在Modal显示出来后再初始SELEct2。

但是又发现另一个问题,如果你的Modal定义是下面这样的

<div class=" content modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="editModalLabel" aria-hidden="false">

你会发现SELEct2的输入框不能输入,这时候把tabindex="-1"去掉就可以了。

文章http://stackoverflow.com/questions/18487056/SELEct2-doesnt-work-when-embedded-in-a-bootstrap-modal

大佬总结

以上是大佬教程为你收集整理的在BootStrap的modal中使用Select2全部内容,希望文章能够帮你解决在BootStrap的modal中使用Select2所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。