jquery提前输入和地址选择器？

Question

随着引导3.0的发布，typeahead已经被删除，并被推特预置式插件所取代。我是否知道如何将它与寻址器插件结合使用。

我的旧代码是这样工作的：

    $('#location').addressPicker({
          boundElements: {
              '#wizard .Country': function(data) {
                  var result = '';
                  $.each(data.address_components, function (index, value) {
                      if (value.types.indexOf('country') !== -1) {
                          result = value.long_name;
                      }
                  });
                  return result;
              },                  
              '#wizard .State': 'administrative_area_level_1',
              '#wizard .City': 'locality',
              '#wizard .PostalCode': 'postal_code',
              '#wizard .Lat': 'lat',
              '#wizard .Lng': 'lng'
          }
    });

前面的新类型的事件触发器如下所示：

$('#location').typeahead({                                
         /* ??? */
});

Answer 1

我首先，你为什么要更换“旧”的打字机插件？并不与Twitter的Bootstrap 3 Javascript插件捆绑在一起。

在您的代码中，可以包括以下两种内容：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>  
<script src="bootstrap3/bootstrap-master/dist/js/bootstrap.min.js"></script>
<script src="js/bootstrap-typeahead.js"></script>
<!-- down load the required version here: https://github.com/flevour/jquery-addressPicker/blob/master/demo/js/bootstrap-typeahead.js-->

其次，要使用Twitters而不是“旧的”类型，您不需要更改您的调用(仅)。addresspicker插件调用一个(form元素)上带有.typeahead()的类型。您必须更改这个调用，或者至少在addresspicker插件的源代码中更改它的选项。

如果地址选择器工作良好，我不应该试图更改预先输入。