mediarox/module-js-hc-offcanvas-nav

HC Off-canvas Nav 的 Magento 2 模块

维护者

详细信息

github.com/mediarox/module-js-hc-offcanvas-nav

主页

源代码

问题

安装: 15

依赖者: 1

建议者: 0

安全: 0

星标: 1

关注者: 1

分支: 0

开放问题: 0

类型：magento2-module

0.0.6 2022-03-16 08:39 UTC

MIT 1ba419f8528996f5a5ed0aa66fe2897d69b89812

This package is auto-updated.

Last update: 2024-09-16 13:47:23 UTC

README

此仓库只是将原始的包括 CSS 的 js-library 整合到 Magento 2 中。

用于创建使用 ARIA 的离屏多级导航的 JavaScript 库，无需依赖，同时也可作为 jQuery 插件使用。

更多信息请查看原始仓库：https://github.com/somewebmedia/hc-offcanvas-nav

安装

cd <magento_root>
composer require mediarox/module-js-hc-offcanvas-nav
bin/magento setup:upgrade

使用示例

?>
<script>
    require([
        'jquery',
        'hcOffcanvasNav'
    ], function ($, hcOffcanvasNav) {
        // create global instance. info: the call as jQuery plugin ($(selector).hcOffcanvasNav) does not work reliably.
        window.topMenuNavigation = new hcOffcanvasNav('nav.navigation', {
            disableAt: 768,
            labelBack: '<?= $escaper->escapeHtml(__('Back')) ?>',
            width: '100%',
            levelTitles: true,
            levelTitleAsBack: true
        });
        // handle magento mobile nav trigger click. (the "customToggle" option causes collisions in the design.)   
        $('[data-action="toggle-nav"]').on('click', function(event) {
            event.preventDefault();
            window.topMenuNavigation.open();
        });
    });
</script>