2016-07-27 45 views
5

ile çalışmaya başlamadan önce otomatik tamamlanmadı Polymer projemle Materialize.css autocomplete kullanmaya çalışıyorum.Polimer

Konsol Giriş:

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

Benim Kod:

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

Senaryo:

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

JavaScript komut dosyasını materyalize etmek HTML’nize yükleniyor mu? Bkz. Http://materializecss.com/getting-started.html –

+0

Aynı konuyla karşılaşıyorum –

+0

[TypeError: ”x" bir işlev değil) okumanız gerekir (https://developer.mozilla.org/en -US/docs/Web/JavaScript/Reference/Errors/Not_a_function) – Liam

cevap

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

kullanarak otomatik tamamlama için bir cevap bulabilirsiniz Lütfen cevabınızı açıklayın jpeg fonksiyonunda – Liam

+1

otomatik tamamlama işlevini koyun –

+1

@Liam aynı konu, bu benim için doğru cevap. Bunun nedeni, materialize.js dosyasının $ (document) .ready bloğu içinde otomatik tamamlama eklentisini yüklemesidir, bu nedenle belge yüklenmeden önce otomatik tamamlamayı kullanmaya çalışırsanız tanımlanmayacaktır. Ben de belirtildiği takdirde otomatik tamamlama kullanacak olan cips (material_chip eklentisi) için aynı sorun vardı. –

0

en yeni materialize.js dosyası yüklenirken emin olun. Otomatik tamamlama eklentisinin JS'de bulunmadığı ve aynı hatayı attığı eski bir sürümüm vardı. Güncelledikten sonra gitti. Ancak hala otomatik tamamlamayı işe yaratamıyorum. :(

0

benim geçici çözüm:

kopya fonksiyonu:

materialize.js dan
/************************** 
* Auto complete plugin * 
*************************/ 

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

options = $.extend(default 

(...) 

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

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

(satır numarası ~ 3000) veya kaynak dosya /js/forms.js dan (hat numarası ~ 281)

kaldır son satır:

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

o kapatan g fonksiyonu ... daha fazla önce

başladı ve javascript fonksiyonu vücut

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

ben tepki ile benzer bir sorun koştum içine manuel koydu. Kodu jquery içinde yürütürsem çalışır gibi görünüyor.

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

Sorunum Materialise CSS kullanır V2.1.4 benim jQuery sürümü downgrading çözüldü.

+0

Dikkat ederseniz, bu dokümanlarda açıkça belirtilmemiş. Kütüphane bağımlılıklarını durdurmanın bir başka nedeni. – Aernor