Magento 2猫头鹰卡拉 solr 问题

4c8rllxm  于 2022-11-12  发布在  Solr
关注(0)|答案(1)|浏览(191)

在magento 2中,有时候猫头鹰carasoul被加载或有时候出现错误
$.(). Owlcarasoul不是函数。
Owlcarasoul.js包含在前端的web/js中,以及必需的config.js中
phtml包含在design/template/item中。

dsekswqp

dsekswqp1#

有时owlCarousel在调用时未完全加载。
解决方法:
检查选择器是否存在,如果不存在,则等待500ms以完全加载。

<script type="text/javascript">
        require(['jquery', 'domReady!', 'mageplaza/core/owl.carousel'], function ($) {
            $(document).ready(function() {
                'use strict';
                if ($('#mp-list-items-<?= /**@noEscape */ $blockId ?>').length) {
                    setTimeout(() => {
                        $('#mp-list-items-<?= /**@noEscape */ $blockId ?>').owlCarousel(<?= /**@noEscape */ $block->getAllOptions()?>);
                    }, "500")
                }
            })
        });
    </script>

编辑:
您可以在布局页面上添加脚本,并添加async属性,如下所示。

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <head>
        <script src="js/owl.carousel.min.js" async="async"/>
    </head>
</page>

好像也有效

相关问题