Question

问题是我有带有QuerySelectField的烧瓶形式，并且我尝试使用jQuery.select2（）方法实现搜索。但这是行不通的。我相信问题是我使用引导程序。

根据文档，需要在其中包装js代码 $ .fn.modal.Constructor.prototype.enforceFocus = function（）{}或 $ .fn.modal.Constructor.prototype._enforceFocus = function（）{}

但是它也不起作用

为了简化我的代码，我只放入了官方文档中的简单示例代码并加以处理，但我不明白为什么它不起作用。

{%block content%}

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.2.4.js">

<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.7/js/select2.min.js"> </script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.7/css/select2.min.css" rel="stylesheet" /> 

<select class="js-example-basic-single" name="state">
    <option value="AL">Alabama</option>
      ...
    <option value="WY">Wyoming</option>
</select>

<script type='text/javascript'>

     $(document).ready(function() {
     $.fn.modal.Constructor.prototype.enforceFocus = function() {
     $('.js-example-basic-single').select2();
  };
});
  </script>

{%endblock%}

预期结果必须如以下链接中的文档所示 https://select2.org/getting-started/basic-usage

带有烧瓶引导程序的jQuery-select2（）

0 个答案: