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

【问题标题】：How to stop/pause slide on mouse hover on navigation using jQuery?如何使用 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 的所有文件

标签： javascript jquery

【解决方案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。
删除重复导入。

【讨论】：