Question

随着bootstrap 3.0的发布，typeahead插件已被删除并替换为Twitters typeahead plugin。知道如何将其与addresspicker plugin结合使用。

我的旧代码就像这样：

    $('#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

我是第一个，为什么要更换“旧的”预先插件？ Twitters typeahead插件未与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 typeahead而不是“old”typeahead，你不需要改变你的通话（仅限）。 addresspicker插件在（表单元素）上调用带有.typeahead（）的typeahead。您必须在addresspicker插件的源代码中更改此调用或至少更改它的选项。

如果地址选择器运行良好，我不应该尝试更改预先输入。

jquery typeahead和地址选择器？

1 个答案: