Question

我使用以下Awesomplete插件的简单和基本请求

<label style="display: inline-block; margin-left:20px;">Pays:</label>
       <input class="awesomplete" id="upays" type="text" size="40"
         data-list="Allemagne,Austria,Bulgaria,Belgium,Spain,Sweden />

收集国家/地区名称。

代码是模态窗口（simpleModal插件）的一部分。

所以，我第一次调用模态窗口时，Awesome插件工作正常，但是当我第二次调用它时（在同一个脚本中），Awesomplete不起作用。它就像没有调用插件一样？如何刷新/反应插件？

Answer 1

您错过了国家/地区列表中的引用

<label style="display: inline-block; margin-left:20px;">Pays:</label>
<input class="awesomplete" id="upays" type="text" size="40" data-list="Allemagne,Austria,Bulgaria,Belgium,Spain,Sweden" />

或者您尝试过列表选项

<input class="awesomplete" id="upays" type="text" size="40"  list="theList" />
<datalist id="theList">
    <option>Allemagne</option>
    <option>Austria</option>
    <option>Bulgaria</option>
    <option>Belgium</option>
    <option>Spain</option>
</datalist>

Answer 2

经过一些讲座后，我找到了以下解决方案。

在回忆模态表格之前，你需要刷新Awesomplete插件

new Awesomplete（upays）; //刷新/反应awesomplete插件

$（'＃ufav-modal-content'）。modal（{minHeight：350，minWidth：500}）; //显示模态框架

希望有用

功能完备的插件

2 个答案: