2

我将动态数据放入 flexdatalist。如果所有项目都加载到 flexdatalist 中，我想得到通知。假设我有数百个数据要插入到列表中。我想在所有数据初始化/加载到 flexdatalist 之后进行回调。我们应该怎么做？

$('.my-input').flexdatalist();
$('.my-input').on('after:flexdatalist.data', function(event, set, options) {
   alert("after")
  // callback()
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-flexdatalist/2.2.4/jquery.flexdatalist.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-flexdatalist/2.2.4/jquery.flexdatalist.js"></script>
<input type='text'
       placeholder='Programming language name'
       class='my-input'
       data-min-length='1'
       list='languages'
       name='language'
    >

<datalist id="languages">
    <option value="PHP">PHP</option>
    <option value="JavaScript">JavaScript</option>
    <option value="Cobol">Cobol</option>
    <option value="C#">C#</option>
    <option value="C++">C++</option>
    <option value="Java">Java</option>
    <option value="Pascal">Pascal</option>
    <option value="FORTRAN">FORTRAN</option>
    <option value="Lisp">Lisp</option>
    <option value="Swift">Swift</option>
</datalist>

他们说使用'after：flexdatalist.data'，但似乎不起作用。但是，如果我键入并尝试在输入框中搜索“after:flexdatalist.data”会触发。

我的动机是在所有数据初始化/加载到 flexdatalist 之后触发回调。请协助。

4

0 回答 0