Autouzupełnianie Materialize.css nie działa z Polymer

Question

Próbuję użyć Materialize.css autocomplete z moim projektem Polymer.

Konsola Log:

Uncaught TypeError: $(...).autocomplete is not a function 

mój kod:

<div class="input-field"> 
    <input type="text" id="assemp" class="autocomplete" value="{{emps::input}}"> 
    <label for="assemp">Assigned Employee(s)</label> 
</div> 

Scenariusz:

attached : function() { 
      $('input.autocomplete').autocomplete({ 
       data: { 
        "Apple": null, 
        "Microsoft": null, 
        "Google": 'http://placehold.it/250x250' 
       } 
      }); 
     } 

Answer 1

$(document).ready(function() {$('input.autocomplete').autocomplete({ 
      data: { 
       "Apple": null, 
       "Microsoft": null, 
       "Google": null 
      }});}); 

Answer 2

Upewnij się ładuje najnowszy plik materialize.js. Miałem starszą wersję, w której wtyczka autouzupełniania nie znajdowała się w JS i zgłaszał ten sam błąd. Odszedł po aktualizacji. Jednak nadal nie mogę uruchomić autouzupełniania. :(

Answer 3

mój obejście:

Funkcja kopiowania:

/************************** 
* Auto complete plugin * 
*************************/ 

$.fn.autocomplete = function (options) { 
// Defaults 
var defaults = { 
    data: {} 
}; 

options = $.extend(default 

(...) 

}); // End of $(document).ready (1) 

/******************* 
* Select Plugin * 
******************/ 

z materialize.js (linia numer ~ 3000) lub z /js/forms.js plików źródłowych (numer linii ~ 281)

usuń ostatnia linia:

}); // End of $(document).ready (1) 

to closin Funkcja g rozpoczęła się jeszcze przed ...

i umieścić go recznie w ciele funkcji JavaScript

$(document).ready(function() { 
//paste it here 
}) 

Answer 4

wpadłem na podobny problem z zareagować. Jeśli wykonam kod w jquery, wydaje się, że działa.

$(() => { 
    $(...).autocomplete(); 
}); 

Answer 5

Mój problem został rozwiązany poprzez obniżenie moją wersję jQuery 2.1.4 jak wykorzystuje Materialise CSS.