如何防止两个jquery插件之间的冲突

Question

我有两个 jquery 插件 图像选择器 link 和 select2 link 当我同时使用这两个插件时，其中之一是无法运行 这是我的代码

jquery 代码

$(".select2").select2();
$(".imagepicker").imagepicker();

select2 的选择菜单

<select class="select2">
<option value="1">One</option>
<option value="2">Two</option>
</select>

图像选择器的选择菜单

<select class="imagepicker">
  <option data-img-src="img/01.png" value="1">  Page 1  </option>
  <option data-img-src="img/02.png" value="2">  Page 2  </option>
  <option data-img-src="img/03.png" value="3">  Page 3  </option>
</select>

我不知道发生了什么，但是当我同时使用这两个插件时，其中一个不起作用，可能是因为在同一个选择标签中？

对不起，我的英语不好

Answer 1

经验法则是您最后加载的插件会超出前一段。