2013-08-26 2 views
0

С выпуском bootstrap 3.0 плагин typeahead удален и заменен Twitters typeahead plugin. Любая идея, как я могу использовать это в сочетании с addresspicker plugin.jquery typeahead and address picker?

Мой старый код работал так:

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

ответ

1

I первое место, почему вы должны заменить «старый» плагин typeahead? Twitters typeahead plugin не поставляется с плагинами загрузки 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 вызывает typeahead с .typeahead() в (элемент формы). Вы должны изменить этот вызов или, по крайней мере, параметры для него в исходном коде плагина addresspicker.

Если устройство выбора адресов хорошо работает, я не должен пытаться изменить тип.