为什么 Select2 不覆盖 Electron 中的普通 select 框？

Question

下面是我的代码：

<!DOCTYPE html>
<html>
<body>
 <select id="test">
  <option value="" selected=hidden>Select Product</option>
  <option></option>
 </select>
</body>
<script>
 window.$ = window.jQuery = require('jquery');
 require('select2')();

 $(document).ready(function(){
  let contents = ["A","B","C","D","E","F","G"];

  $("#test").select2({
   data:contents
  });
 });
</script>
</html>

我已经安装了 jquery 和 select2 作为节点模块。 Jquery 似乎工作得很好。这是电子输出的照片：

Two dropdowns appear Both can be interacted

我是不是漏掉了一些简单的东西？提前致谢。

Answer 1

您可以手动安装 select2 而不是使用 NPM。这样你就可以离线使用select2。

从以下位置下载 select2 (.zip) 的最新版本：https://github.com/select2/select2/tags
解压缩下载的 .zip 并从 /dist 复制必要的文件。
将这些文件包含在您的 .html 文件中，例如：

<link href="path/to/select2.min.css" rel="stylesheet" />
<script src="path/to/select2.min.js"></script>

大功告成！现在 select2 可以离线工作了。

More details

为什么 Select2 不覆盖 Electron 中的普通 select 框？

Why does Select2 not override the normal select boxes in Electron?

jquery-select2

electron