Magento 2 में jquery लाइब्रेरी का उपयोग कैसे करें?

Question

मैं एक Magento विषय बना रहा हूँ जहाँ मुझे jQuery शामिल करने की आवश्यकता है।

जब मैं इस ऐड <link src="js/jquery-1.7.1.js"/>में head। यह काम कर रहा है लेकिन Magento के जावास्क्रिप्ट फ़ंक्शंस काम नहीं कर रहे हैं। कस्टम थीम पर jQuery लाइब्रेरी में निर्मित Magento 2 का उपयोग कैसे करें?

Comments

jquery को पहले ही m2 में जोड़ दिया गया है। आप अपने कस्टम phtml फ़ाइल में jQuery की जरूरत है तो require.js द्वारा इसका इस्तेमाल

— Shaheer अली

हाँ मुझे पता है कि मैं कस्टम विषय में उपयोग करना चाहता हूँ .. मेरे पास फ़ाइल है जो jquery लाइब्रेरी पर निर्भर है।

— क़ैसर सत्ती

उपयोग की आवश्यकता (['jquery', 'jquery / ui'], फ़ंक्शन ($) {}

— शहीर अली

आप <script src = "[Vendor_Ext] :: js / custom.js" />

— Ali

कब से आप linkटैग द्वारा js शामिल करते हैं ??? आपको स्क्रिप्ट टैग

— ब्लैक

Answer 1

यदि आप jQuery के अलावा अपने कस्टम js लाइब्रेरी को जोड़ रहे हैं तो आपको js कोड को शामिल करने की आवश्यकता है जैसे कि फ़ंक्शन की आवश्यकता है:

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

उदाहरण:

आवश्यकता फ़ंक्शन के अंदर, आप सीधे jQuery कार्यक्षमता का उपयोग कर सकते हैं jQueryया तो इसका संक्षिप्त रूप या उपनाम, डॉलर $चिह्न। उदाहरण के लिए:

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

यहाँ $उपनाम के साथ एक उदाहरण दिया गया है :

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

Comments

क्या प्रोटोटाइप को शामिल करना संभव है। जेएस?

— स्लीमशदाद्यी

@ विक्रम, हाँ, केवल 'प्रोटोटाइप' तत्व को उस सरणी में जोड़ें जिसे आप आवश्यक () फ़ंक्शन के लिए पास करते हैं।

— रोमन ग्लूस्को

Answer 2

Jquery / JqueryUI ने magento2 में जोड़ा है। आप lib / web / jquery में देख सकते हैं

Magento के jquery या कॉल विजेट का उपयोग करने के लिए। आपकी js फ़ाइल से

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>;

});

Comments

मैंने कोशिश की कि और यह काम नहीं कर रहा है आप विषय के अनुसार कुछ रख सकते हैं।

— क़ैसर सत्ती