禁用特定元素的JavaScript库

Question

我想知道是否可以为特定div禁用特定库？

实际上我有一个带有模态对话框的网页。有两个选择框。第一个是在模态div之外，而第二个是在模态div中。

我使用的库是unicorn js和unicorn tables js隐式调用

$('select').select2();

jquery select2 js的

。因此，在页面上的所有选择元素上调用库。这会导致选择框在模态中被禁用。 我从模态中删除了选择框，它完美无缺。所以我怀疑选择js不适用于模态对话框（特别是bootstrap模态对话框）。

那么我该如何处理这种情况，以便模态中的选择框不受select js库的影响？

Answer 1

该问题与模态对话框上的tabindex="-1"有关，容器div上的此属性打破select2，删除tabindex="-1"属性，它将正常工作。