Uncaught ReferenceError: jQuery is not defined - Magento 2.3
Uncaught ReferenceError: jQuery is not defined - Magento 2.3
我正在尝试让 fancybox 在 Magento 2.3(使用 Infortis Ultimo 主题)中工作。
但我得到:
1. Uncaught ReferenceError: jQuery is not defined
2. Uncaught TypeError: fancyboxExample.init is not a function
我正在尝试使用以下解决方案:
https://magento.stackexchange.com/questions/158894/jquery-fancybox-for-magento-2
错误
我使用 <link src="js/custom.js"/>
通过 default_head_blocks.xml
加载以下内容。
require(['jquery', 'fancybox', 'domReady!'], function($, fancybox, doc) {
var fancyboxExample = {
openModal: function() {
$.fancybox.open(this.$modal);
},
closeModal: function() {
$.fancybox.close(true);
}
};
fancyboxExample.init();
});
任何人都可以对此有所了解吗?
谢谢,
你的 Require JS 配置应该是
File: app/design/frontend/Store/theme/requirejs-config.js
var config = {
map: {
'*': {
fancybox: 'js/vendor/fancybox3/jquery.fancybox.min'
}
},
shim: {
'fancybox': {
deps: ['jquery']
}
}
};
我正在尝试让 fancybox 在 Magento 2.3(使用 Infortis Ultimo 主题)中工作。
但我得到:
1. Uncaught ReferenceError: jQuery is not defined
2. Uncaught TypeError: fancyboxExample.init is not a function
我正在尝试使用以下解决方案:
https://magento.stackexchange.com/questions/158894/jquery-fancybox-for-magento-2
错误
我使用 <link src="js/custom.js"/>
通过 default_head_blocks.xml
加载以下内容。
require(['jquery', 'fancybox', 'domReady!'], function($, fancybox, doc) {
var fancyboxExample = {
openModal: function() {
$.fancybox.open(this.$modal);
},
closeModal: function() {
$.fancybox.close(true);
}
};
fancyboxExample.init();
});
任何人都可以对此有所了解吗? 谢谢,
你的 Require JS 配置应该是
File: app/design/frontend/Store/theme/requirejs-config.js
var config = {
map: {
'*': {
fancybox: 'js/vendor/fancybox3/jquery.fancybox.min'
}
},
shim: {
'fancybox': {
deps: ['jquery']
}
}
};