0

随着bootstrap 3.0的发布， typeahead 插件已被删除并被Twitters typeahead 插件所取代。知道如何将它与addresspicker 插件结合使用。

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

    $('#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({                                
         /* ??? */
});
4

1 回答 1

1

我首先，为什么要替换“旧”的预输入插件？Twitter 的 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-->

其次，使用 Twitter 预输入而不是“旧”预输入，您不需要更改您的呼叫（仅）。addresspicker 插件在（表单元素）上使用 .typeahead() 调用 typeahead。您必须更改此调用或至少在地址选择器插件的源代码中更改它的选项。

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

于 2013-08-26T21:30:23.127 回答