如何防止两个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>

选择imagepicker菜单

<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

拇指规则是你加载的上一个插件会超出前一个部分。