如何使用 jQuery 停止/暂停鼠标悬停在导航上的滑动？

Posted 2023-05-07

【中文标题】如何使用 jQuery 停止/暂停鼠标悬停在导航上的滑动？

【英文标题】：How to stop/pause slide on mouse hover on navigation using jQuery?

【发布时间】：2015-09-24 15:14:52

【问题描述】：

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

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

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

【问题讨论】：

在此处发布您的代码，而不仅仅是在链接中。

请显示您的代码，您尝试过的内容等，以便您的问题清晰且独立。

嗨，我无法发布代码，我在粘贴代码时遇到了一些错误，这就是为什么我制作了带有链接的 zip 文件以供下载。

我是新来的，所以在我发布代码时可能会出现一些格式问题。

你能看看我的链接，你可以按 control + U 来获取代码，或者你请下载我的 zip 有 html 和 js 的所有文件

【参考方案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>

请在 Bootstrap 之前导入 Jquery。 删除重复导入。