ম্যাজেন্টো 2-এ কীভাবে jquery লাইব্রেরি ব্যবহার করবেন?

Question

আমি একটি ম্যাজেন্টো থিম তৈরি করছি যেখানে আমার jQuery অন্তর্ভুক্ত করতে হবে।

আমি যখন এই অ্যাড <link src="js/jquery-1.7.1.js"/>মধ্যে head। এটি কাজ করছে তবে ম্যাজেন্টো জাভাস্ক্রিপ্ট ফাংশনগুলি কাজ করছে না। কাস্টম থিমের jQuery লাইব্রেরিতে নির্মিত ম্যাজেন্টো 2 কীভাবে ব্যবহার করবেন?

Comments

jquery ইতিমধ্যে এম 2 যোগ করা হয়েছে। আপনার কাস্টম পিএইচটিএমএল ফাইলটিতে যদি jquery দরকার হয় তবে এটি প্রয়োজনীয়.js দ্বারা ব্যবহার করুন

— শাহির আলী

হ্যাঁ আমি জানি যে আমি কাস্টম থিমটি ব্যবহার করতে চাই .. আমার কাছে এমন ফাইল রয়েছে যা jquery লাইব্রেরির উপর নির্ভরশীল।

— কায়সার সত্তি

ব্যবহারের প্রয়োজন হয় [[jquery ',' jquery / ui '], ফাংশন ($) {}

— শাহির আলী

আপনি <স্ক্রিপ্ট src = "[বিক্রেতার_প্রধান] :: জেএস / কাস্টম.জেএস" /> ব্যবহার করে বহিরাগত জেএস যুক্ত করতে পারেন

— শাহির আলী

আপনি কখন থেকে linkট্যাগ দ্বারা জেএস অন্তর্ভুক্ত করবেন ??? আপনাকে স্ক্রিপ্ট ট্যাগটি ব্যবহার করতে হবে

— কালো

Answer 1

যদি আপনি jQuery ব্যতীত আপনার কাস্টম জেএস লাইব্রেরি যুক্ত করে থাকেন তবে আপনার ভিতরে জেএস কোড অন্তর্ভুক্ত করতে হবে যেমন ফাংশন প্রয়োজন:

 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

জ্যাকোয়ারি / জ্যাকেউইউআই ম্যাজেন্টো 2-এ যুক্ত করেছে। আপনি lib / ওয়েব / jquery এ দেখতে পারেন

ম্যাজেন্টোর জ্যাকুরি বা কল উইজেট ব্যবহার করতে। আপনার জেএস ফাইল থেকে

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

আমি এটি চেষ্টা করেছি এবং এটি কাজ করছে না আপনি থিম অনুযায়ী কিছু রাখতে পারেন।

— কায়সার সতী