flexdatalist中是否有任何事件可以通知所有加载项

时间:2018-07-04 09:11:44

标签: javascript jquery list datalist

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

0 个答案:

没有答案