为什么 select2 在我的例子中没有初始化？

Question

为什么select2没有初始化？我的代码非常简单。我似乎无法弄清楚我在这里做错了什么。

**js**

const $form = $("#c8ef8fd3-cc91-4e5f-a8ed-8923418098a4.png-edit-form")
$("#c8ef8fd3-cc91-4e5f-a8ed-8923418098a4.png-tags", $form).select2({
    tags: true,
    allowClear: true,
    width: "100%",
    theme: "classic",
    debug: "true",
    placeholder: "Add one or more tags"
});


  **html**

  <form id="c8ef8fd3-cc91-4e5f-a8ed-8923418098a4.png-edit-form" action="/apps/media/batch-update" enctype="multipart/form-data" method="POST">
      <select name="thetags" id="c8ef8fd3-cc91-4e5f-a8ed-8923418098a4.png-tags" multiple>
        
          <option selected="teams">teams</option>
          <option selected="sports">sports</option>
        
      </select>
</form>

Answer 1

在 DOM 准备好的代码之前，您是否在页面上添加了 jQuery？

取个好听的名字 id 代替 c8ef8fd3-cc91-4e5f-a8ed-8923418098a4.png-tags

尝试：

$(document).ready(function() {
    // $("#c8ef8fd3-cc91-4e5f-a8ed-8923418098a4.png-tags").select2();
    $("#something_nice").select2();
});

注意：在您的 id 作为名称中跳过 .。在 id.

的值中使用 - 或 _

为什么 select2 在我的例子中没有初始化？

Why is select2 not initializing in my example?

jquery

jquery-select2