在magento 2中,有时候猫头鹰carasoul被加载或有时候出现错误$.(). Owlcarasoul不是函数。Owlcarasoul.js包含在前端的web/js中,以及必需的config.js中phtml包含在design/template/item中。
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>
好像也有效
1条答案
按热度按时间dsekswqp1#
有时owlCarousel在调用时未完全加载。
解决方法:
检查选择器是否存在,如果不存在,则等待500ms以完全加载。
编辑:
您可以在布局页面上添加脚本,并添加async属性,如下所示。
好像也有效