Magento 2에서 jquery 라이브러리를 사용하는 방법은 무엇입니까?

jQuery를 포함 해야하는 Magento 테마를 만들고 있습니다.

언제이 추가 <link src="js/jquery-1.7.1.js"/>로 head. 작동하지만 Magento 자바 스크립트 기능이 작동하지 않습니다. 사용자 정의 테마에서 내장 된 jQuery 라이브러리로 Magento 2를 사용하는 방법은 무엇입니까?

magento2 theme jquery

— 카이사르 사티
소스

jquery는 이미 m2에 추가되었습니다. 사용자 정의 phtml 파일에 jquery가 필요한 경우 require.js에서 사용하십시오

— Shaheer Ali

예 나는 사용자 정의 테마에서 사용하고 싶다는 것을 알고 있습니다. jquery 라이브러리에 의존하는 파일이 있습니다.

— Qaisar Satti

use require ([ 'jquery', 'jquery / ui'], function ($) {}

— Shaheer Ali

— Shaheer Ali

언제부터 link태그 로 js를 포함 하시겠습니까 ??? 당신은 스크립트 태그를 사용해야합니다

— 블랙

답변:

jQuery 이외의 사용자 정의 js 라이브러리를 추가하는 경우 다음과 같은 require 함수 안에 js 코드를 포함시켜야합니다.

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

예 :

require 함수 내에서 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.");
  });
});

— 샤이어 알리
소스

prototype.js를 포함시킬 수 있습니까?

— Slimshadddyyy

@Vikram, 예, require () 함수에 전달하는 배열에 'prototype'요소를 추가하십시오.

— Roman Glushko

Jagent / JqueryUI가 magento2에 추가되었습니다. lib / web / jquery에서 볼 수 있습니다

jagent를 사용하거나 magento의 위젯을 호출합니다. 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>;

});

— mrtuvn
소스

나는 그것을 시도했지만 작동하지 않습니다 테마에 따라 무언가를 배치 할 수 있습니다.

— Qaisar Satti