javascript - 为什么像 “owl.carousel” 这样的 JavaScript 在 Odoo 10 Web 模板中不起作用?

标签 javascript odoo owl-carousel odoo-10

我正在将模板从 odoo 8 迁移到 Odoo 10 并使用“owl.carousel”和其他 JS,但它们都不起作用。

我想知道JS API是否改变了?如果是这样,一个绝对的 JS 新手如何学习如何修复脚本..

这是我得到的日志控制台:

    unreachable code after return statement  web.assets_backend.js:3538:266

/* /web_kanban/static/src/js/compatibility.js defined in bundle 'web.assets_backend' */
odoo.define('web_kanban.compatibility',function(require){"use strict";var kanban_widgets=require('web_kanban.widgets');var KanbanRecord=require('web_kanban.Record');var KanbanColumn=require('web_kanban.Column');var KanbanView=require('web_kanban.KanbanView');return;openerp=window.openerp||{};openerp.web_kanban=openerp.web_kanban||{};openerp.web_kanban.AbstractField=kanban_widgets.AbstractField;openerp.web_kanban.KanbanGroup=KanbanColumn;openerp.web_kanban.KanbanRecord=KanbanRecord;openerp.web_kanban.KanbanView=KanbanView;});;

    aucun élément trouvé  qweb:1:1
    TypeError: $(...).owlCarousel is not a function  web.assets_frontend.js:41:30

/* <inline asset> defined in bundle 'web.assets_frontend' */
$(document).ready(function(){$('.owl-carousel').owlCarousel({loop:true,margin:10,nav:true,autoPlay:1000,responsive:{0:{items:1},600:{items:3},1000:{items:5}}})});

这是我包含在 odoo 模块中的测试代码:

    <xpath expr="//script[last()]" position="after">
            <!-- JS -->
            <script src="/my_theme/static/src/js/fancybox/jquery.fancybox.pack.js"></script>
            <script src="/my_theme/static/src/js/jquery.easing.1.3.js"></script>
            <script src="/my_theme/static/src/js/jquery.bxslider.min.js"></script>
            <script type="text/javascript" src="/my_theme/static/src/js/owl.carousel.min.js"></script>
            <script type="text/javascript" src="/my_theme/static/src/js/mousescroll.js"></script>
            <script type="text/javascript" src="/my_theme/static/src/js/smoothscroll.js"></script>
            <script type="text/javascript" src="/my_theme/static/src/js/jquery.prettyPhoto.js"></script>
            <script type="text/javascript" src="/my_theme/static/src/js/jquery.isotope.min.js"></script>
            <script type="text/javascript" src="/my_theme/static/src/js/jquery.inview.min.js"></script>
            <script type="text/javascript" src="/my_theme/static/src/js/wow.min.js"></script>
        </xpath>

最佳答案

您确定 v10 上存在 OwnCarousel 插件吗?我可以看到我的一些自定义模块包含 js 库,但我在 Odoo v8 或 v10 中都没有看到它。可能你的意思是Carousel

如果您确实想使用 OwlCarousel(对我来说似乎是这种情况),您必须下载该库并将其包含在模块的静态文件夹中,因为我认为 Odoo 不包含它。

关于javascript - 为什么像 “owl.carousel” 这样的 JavaScript 在 Odoo 10 Web 模板中不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41017400/

相关文章:

inheritance - 更改 odoo 10 中父菜单项的名称

xml - Odoo:无法在 TreeView 中编辑记录?

python - odoo Fill one2many 从一个模型到另一个模型

jquery - Owl Carousel ,显示子绝对div,超过父溢出隐藏div

javascript - 使用 Paypal API 登录 : get basic user info

javascript - bootstrap 4 行后面的下拉剪裁

jquery - Owl Carousel/如何更换主题

jquery - 在 Owl Carousel 上显示其他项目的一半

javascript - JavaFX WebView 不加载 jar 中的上层文件夹脚本

javascript - jQuery:加载方法在div中重新加载相同的div?