Select2冲突问题

一、Select2加载顺序

1、jquery.js;
2、select2.js/select2.css
3、my.js(自定义的js)

二、$(…).select2() is not a function…原因

1、select2.js引用失败,通过查看网页源代码,查看是否存在select2.js;
2、引用的其他js中存在全局变量define以及require,与select2中的全局变量define,require变量冲突(被重置)

三、select2和layer冲突

1、修改layer默认z-index
2、select2加入参数dropdownParent: layero
3、修改select2-container–open的z-index大于layer

四、select2用法

<link href='select2.css' />
<script src='jquery.js'></script>
<script src='select2.js'></script>

<!--html标签-->
<select class='select2'></select>
//使用方法
 $(function(){
	if($('.select2').length > 0){
		$('.select2').select2({
			placeholder: '请选择',
			dropdownParent: 'layero',
			language: {
				noResult: function(){
					return '无匹配数据';
				}
			}
		});
	}
})
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
当出现$(...).select2 is not a function的错误时,通常是因为以下几个原因: 1. Select2的脚本文件没有被正确加载。请确保jquery.js和select2.js这两个文件被正确引入,并且在select2.js之前引入jquery.js。 2. Select2的样式文件没有被正确加载。请确保select2.css文件被正确引入。 3. Select2的初始化代码被执行的顺序不正确。确保在执行$(...).select2()方法之前,相关的脚本文件都已经被加载完毕。 4. Select2和其他库或插件之间存在冲突。有时候,Select2和其他库或插件之间的命名冲突会导致$(...).select2()方法无法正常调用。可以尝试将Select2和其他库或插件分别加载到不同的作用域中,或者使用jQuery的.noConflict()方法解决冲突。 5. Select2的初始化代码存在错误。请检查初始化代码中的语法和参数是否正确,确保没有拼写错误或者格式错误导致方法无法调用。 综上所述,当出现$(...).select2 is not a function的错误时,可以逐步排查以上几个原因,以找到并解决问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [Select2冲突问题](https://blog.csdn.net/hoff5230/article/details/114252056)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值