Magento requirejs

4

我已经创建了代码，但滑块在最近查看的产品中没有显示。这是我的代码- 我已经从以下链接http://kenwheeler.github.io/slick/下载了slick js和css 然后我做了以下- 步骤1 - 在以下位置复制了slick.min.js和slick.js 应用/设计/前端/ _YOUR_VENDOR _ / _ YOUR_THEME_ / web / js / 第2步 - 在中创建requirejs-config.js文件应用/设计/前端/ _YOUR_VENDOR _ / _ YOUR_THEME_ /网络/ 在requirejs-config.js中使用以下代码 var config = { paths: { slick: 'js/slick' }, shim: { slick: { deps: ['jquery'] } } }; 步骤3- 复制的slick.less和slick-theme.less …

11 magento2 layout template requirejs widgets

2

JS窗口小部件：两个自定义窗口小部件扩展了同一父窗口小部件Magento 2

前提我有2个自定义窗口小部件，它们扩展了相同的父窗口小部件。父小部件： Magento_ConfigurableProduct/js/configurable 第一个自定义小部件： Vendor_AModule/js/configurable 第二个自定义小部件： Vendor_BModule/js/configurable 第一个自定义小部件require-config.js： var config = { map: { '*': { configurable: 'Vendor_AModule/js/configurable' } } }; 第一个自定义小部件JS： define([ 'jquery', 'mage/translate', 'Magento_ConfigurableProduct/js/configurable' ], function ($) { $.widget('vendor.configurable_awidget', $.mage.configurable, { /** * {@inheritDoc} */ _configureElement: function (element) { this._super(element); alert('Custom widget A is triggered!'); } }); …

10 magento2 javascript widgets requirejs

2

Magento 2：如何检测结帐步骤更改

我正在尝试找出检测Magento 2结帐中步骤变化的最佳方法。例如，从发货详细信息到付款，反之亦然。我已经做了一些挖掘工作，并且vendor/magento/module-checkout/view/frontend/web/js/model/step-navigator.js可以使用next()哪种在继续按钮navigateTo()上触发，以及在用户直接单击checkoutstep时哪种触发-但是两种方法似乎都比较笨拙，无论如何如何，都必须有一种更干净的方法来检测步骤更改以及哪一步。我希望stepChange()每当结帐步骤发生更改时就会触发的功能或类似功能。我的问题：发生结帐步骤更改时，触发我的自定义JS的最佳方法是什么？

9 magento2 javascript uicomponent knockoutjs requirejs

4

使用require-config.js加载所有页面上所需的文件

我知道如何require-config.js在自定义主题中使用，但我想myfile.js在所有页面上使用自定义javascript文件（）。我应该在哪个目录中添加require-config.js以及如何使用它，以便它可以正常工作？请不要参考Magento官方页面。

9 magento2 javascript requirejs

2

如何在magento 2中加载自定义模块js文件？

我已经为magento 2创建了横幅滑块模块。我已经使用以下方法调用了JS文件，并且该文件可以正常工作。在模块类中，我创建了以下函数 public function getBaseJs($fileName){ return $this->_storeManager->getStore()->getBaseUrl( \Magento\Framework\UrlInterface::URL_TYPE_MEDIA ).'bannerslider/js/'.$fileName; } 在bannerslider.phtml文件中按以下方式调用此函数。 <script type="text/javascript" src="<?php echo $this->getBaseJs('jquery-1.7.min.js') ?>"></script> <script type="text/javascript" src="<?php echo $this->getBaseJs('jquery.flexslider.js') ?>"></script> 但是，根据jQuery的依赖机制require.js我该怎么办呢？

9 magento2 magento2-dev-beta requirejs

1

Magento_Ui / js / lib / knockout / extender / bound-nodes RequireJS模块做什么？

Magento 2中的Knockout.js引导程序模块通过define依赖项包含以下模块。 Magento_Ui/js/lib/knockout/extender/bound-nodes 从技术上讲，此模块为ko.applyBindings和ko.cleanNode方法创建包装器。这些包装器将某些视图模型和节点存放在私有javascript中WeakMap，然后返回一个注册表对象，使您可以访问WeakMap。但是，尚不清楚此功能使最终用户程序员面对哪些功能。这里有人知道Magento_Ui/js/lib/knockout/extender/bound-nodes模块的实际用途吗？还是对Knockout.js内部结构很熟悉以解决问题？

8 magento2 javascript knockoutjs requirejs

1

uiElement对象中的“导入/导出”默认值是什么？

在许多Magento 2的UI元素视图模型构造函数中，defaults数组将具有imports或exports属性。 return Collection.extend({ defaults: { //... imports: { rows: '${ $.provider }:data.items' }, return Insert.extend({ defaults: { //... exports: { externalFiltersModifier: '${ $.externalProvider }:params.filters_modifier' }, 看一下uiElement模块的来源， #File: vendor/magento/module-ui/view/base/web/js/lib/core/element/element.js initLinks: function () { return this.setListeners(this.listens) .setLinks(this.links, 'imports') .setLinks(this.links, 'exports') .setLinks(this.exports, 'exports') .setLinks(this.imports, 'imports'); }, 实例化对象时，这些导入/导出似乎与对象之间的“链接”信息有关。但是，尚不清楚此链接如何工作（基于uiRegistry？）或类似字符串的语法是什么${ $.provider }:data.items。显然，这些字符串使用的模板文字扩展为类似 foo_bar:data.items 但是，最后一个字符串的含义仍然很神秘。有谁知道这些对象的导入/导出属性如何工作？

8 magento2 uicomponent requirejs uielement

3

Magento如何/在哪里将RequireJS模块名称转换为URL？

在Magento 2中，您可以使用RequireJS包含一个JavaScript模块，其代码如下所示。 #File: app/code/Package/Name/view/frontend/requirejs-config.js var config = { map: { '*': { modulename: 'Package_Name/js/path/to/file' } } } 虽然该requirejs-config.js文件有点像Magento 2的魔力，但这似乎是标准的RequireJS。您基本上是将短名称映射到名为modulename的javascript模块Package_Name/js/path/to/file。还不清楚Magento 2 在何处或如何转换上面的javascript模块名称 Package_Name/js/path/to/file 进入HTTP（S）网址 //magento.example.com/static/frontend/Magento/luma/en_US/Package_Name/js/path/to/file.js 在常规RequireJS系统中，RequireJS会尝试加载以下URL //magento.example.com/Package_Name/js/path/to/file.js 很明显，Magento正在做一些事情，以确保将上述URL转换为Magento前端URL。不清楚的是发生这种情况的地方（PHP层？JavaScript层？）转换的规则是什么。RequireJS模块看上去不像标准的Magento文件标识符（Package_Name::js/path/to/file）因此，Magento 2 / RequireJS如何/在何处将模块转换为路径。

8 magento2 php javascript requirejs

Questions tagged «requirejs»