jquery - 使用 AJAX 填充选项时如何使用带有“jQuery UI MultiSelect Widget”的过滤器？

Question

我在我的应用程序中使用“jQuery UI MultiSelect Widget”。过滤器中的一个不错的未来将允许您在下拉菜单中搜索一个选项。

我遇到的问题是，当我使用 AJAX 调用填充选项时，过滤器选项将不再起作用。

ajax 请求是正确的，它可以毫无问题地填充菜单，但是当我在“MultiSelect”选项中的过滤器框中键入内容时，它不会过滤它们。

这是我的代码

<script>
$(function() {

    $("#lstBox2").multiselect().multiselectfilter({
        filter: function(event, matches){

            // find the first matching checkbox
            var first_match = $( matches[0] );
        }
    });


    $('#client').change( function(){

        $('#lstBox2').html('');

        $.getJSON("ajax/getCallTypes.php", {
                client_id: $(this).val()
            },function (data) {

                if ( ! data) 
                return; 

                $.each(data, function(i,v){

                    $('#lstBox2').append('<option value="'+ v.id +'">'+ v.name +'</option>'); 

                });

            }
        ).done(function(){

            $("#lstBox2").multiselect('refresh');

        });
    });

});

</script>