Magento 2'de jquery kütüphanesi nasıl kullanılır?


26

JQuery'i dahil etmem gereken bir Magento teması yaratıyorum.

Ne zaman bu eklenti <link src="js/jquery-1.7.1.js"/>içinde head. Çalışıyor ama Magento javascript fonksiyonları çalışmıyor. JQuery kütüphanesinde yerleşik olan Magento 2'yi özel bir tema üzerinde nasıl kullanabilirim?


jquery zaten m2'ye eklendi. Özel phtml dosyanızda jquery'ye ihtiyacınız varsa, o zaman request.js ile kullanın
Shaheer Ali

evet, özel temada kullanmak istediğimi biliyorum .. jquery kütüphanesine bağlı bir dosyam var.
Qaisar Satti

1
kullanım (['jquery', 'jquery / ui'], fonksiyon ($) {}
Shaheer Ali

ekstreli js'yi <script src = "[Vendor_Ext] :: js / custom.js" /> kullanarak ekleyebilirsiniz
Shaheer Ali

Ne zamandan beri js linketiketine dahil ediyorsun ??? Senaryo etiketini kullanmalısın
Black

Yanıtlar:


52

Özel js kitaplığınızı jQuery'den başka bir yere ekliyorsanız, içerisindeki js kodunu eklemeniz gerekir:

 require(['jquery', 'jquery/ui'], function($){ 
     //your js code here  
 });

Örnekler:

İstenilen işlev içinde, jQuery işlevine doğrudan jQueryveya kısa biçimindeki diğer adını ya da dolar $işaretini kullanarak erişebilirsiniz . Örneğin:

require(['jquery', 'jquery/ui'], function($){
  jQuery(document).ready( function() {
    alert("Page loaded.");
  });
});

İşte $takma ad ile bir örnek :

require(['jquery', 'jquery/ui'], function($){
  $(document).ready( function() {
    alert("Page loaded.");
  });
});

Prototype.js eklemek mümkün mü?
Slimshadddyyy

@Vikram, Evet, sadece request () işlevine ilettiğiniz diziye 'prototip' öğesini ekleyin.
Roman Glushko

4

Jquery / JqueryUI, magento2'ye eklendi. Lib / web / jquery'de görebilirsiniz

Magento jquery veya çağrı widget kullanmak için. Js dosyanızdan

define([
  'jquery',
  'jquery/ui',
  'mage/<widget.name>' found in /lib/web/mage dir
], function($){

$.widget('<your_namespace>.<your_widget_name>', $.mage.<widget.name>, {  CODE HERE... });

return $.<your_namespace>.<your_widget_name>;

});

3
Bunu denedim ve işe yaramadıysa temaya göre bir şeyler yerleştirebilirsin.
Qaisar Satti
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.