jquery - 如何在 typescript 中使用 jQuery 控制轮播？

Question

我正在使用 typescript 和 angular 2 构建单页网站。我在顶部有一个旋转木马，我还在旋转木马的其中一张幻灯片中添加了一个视频。如果用户将鼠标悬停在视频上，我想暂停轮播。

让我解释一下到目前为止我做了什么。

• 使用 NPM 安装了 jQuery。
• 包括 bootstrap 和 jQuery CDN 到 HTML。
• 在 .ts 文件中导入 jquery。

即便如此，我也无法通过以下方法使用 jQuery 控制轮播。

在home.component.ts:(类外)

$(document).ready(function () {
    $(".video").mouseenter(function () {
            <any>$(this).carousel("pause");
    });

    $(".video").mouseleave(function () {
            <any>$(this).carousel("cycle");
    });
}

JQuery 工作正常，但总是显示错误: 属性“carousel”在类型“JQuery”上不存在。)

我怎样才能做到这一点？我哪里出错了？除了使用 jQuery 还是仅使用 CSS 之外，还有其他选择吗？我在网上查看了一些建议，但找不到可行的解决方案。谢谢。

Answer 1

我已经设法通过添加来解决问题

jQuery.noConflict(); 

在开始 jQuery 代码之前。感谢您的帮助