我正在将动态数据放入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之后触发回调。请协助。