我正在使用typescript和angular 2來構建單個頁面網站。我在頂部有一個旋轉木馬,我還在旋轉木馬的幻燈片中添加了一個視頻。如果用戶將鼠標懸停在視頻上,我想暫停輪播。如何在打字稿中使用jQuery控制旋轉木馬?
讓我解釋我迄今爲止所做的。
- 使用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是工作正常,但它始終顯示錯誤: 屬性 '旋轉木馬' 的類型不存在 '的JQuery' )
我該如何做到這一點?我哪裏錯了?有沒有其他的做這個使用jQuery或僅使用CSS?我在網上查了幾個建議,但找不到工作解決方案。謝謝。
您是否導入了carousel插件的任何定義?我猜這是一個插件。 – toskv
@toskv這只是一個引導輪播https://www.w3schools.com/bootstrap/bootstrap_carousel.asp 我還沒有導入任何定義。怎麼做? – Sanju