如何使用jQuery停止/暂停鼠标悬停在导航上的幻灯片？

Question

我需要它在鼠标悬停在导航上停止/暂停，这里是我的滑块的链接。这是导航：更改幻灯片

请你们建议我做什么？ http://demoservers.info/js-issue/demo.html

以下是源代码链接：http://demoservers.info/js-issue/js-issue.zip

Answer 1

请按以下步骤操作：

1. 您需要更改JavaScript代码。

   <script>
   $("#change\\ slide").mouseover(function() { // Escape white space in jQuery Selector
       $("#carousel-example-generic").carousel("pause");
   }).mouseout(function() {
       $("#carousel-example-generic").carousel("cycle");
   });
   
   $("#slide2").mouseover(function() {
       $("#carousel-example-generic").carousel("pause");
   }).mouseout(function() {
       $("#carousel-example-generic").carousel("cycle");
   });
   
   $("#slide3").mouseover(function() {
       $("#carousel-example-generic").carousel("pause");
   }).mouseout(function() {
       $("#carousel-example-generic").carousel("cycle");
   });
   </script>
   

2. 在Bootstrap之前导入Jquery。
3. 删除重复的导入。