jquery - Twitter bootstrap typeahead with input masked 在完整字符串完成之前无法正常工作

Question

我试图让引导输入与Josh Bush输入 jquery 掩码插件一起工作。我尝试了其他插件，它也不起作用。

当我禁用输入的屏蔽时，我的自动完成效果很好。

这是我的代码：

$('.phonenumber').mask('(999) 999-9999');   

$('#new-message-phonenumber').typeahead({

        minLength: 2,
        property : 'name',
        source: function( typeahead, query ) {

            $.ajax({
                type: 'POST',
                url: '<? echo site_url('autocomplete/getClientInfoFromPhoneNumber'); ?>',
                dataType: 'json',
                data: {
                    term: query
                },
                success: function(data) {

                    var return_list = [], i = data.length;

                    while (i--) {
                        return_list[i] = {value: data[i].value, name: data[i].screen_name, friendly_name: data[i].name, friendly_phone: data[i].friendly_phone };
                    }

                    typeahead.process(return_list);

                }

            });

        },
        onselect: function (obj) {
            $('#new-message-phonenumber').val(obj.friendly_phone);
            $('#new-message-name').val(obj.friendly_name);
        }
    });

这是我的html：

<div class="span5">
            <label for="new-message-phonenumber">Phone Number</label>
            <input class="input-block-level phonenumber required" id="new-message-phonenumber" name="new-message-phonenumber" type="text" data-provide="typeahead" autocomplete="off">
        </div>

Answer 1

您是否使用了浏览器调试器？由于上面有新的 jQuery 版本，我之前已经遇到了一些问题，因为该插件已过时并且不支持某些当前已弃用的 jQuery 函数。