Javascript - JQuery - OnHover NOT OnClick - 修改插件答案

【问题标题】：Javascript - JQuery - OnHover NOT OnClick - Modifying a pluginJavascript - JQuery - OnHover NOT OnClick - 修改插件
【发布时间】：2010-12-09 06:04:18
【问题描述】：

如果你看右边，有一个缩略图库。我需要将操作从“点击”更改为“悬停”。我不是 javascript 开发人员，此时更改脚本将是徒劳的（修改这个脚本的时间太多......出于其他原因）。

如果您能帮助我找到一种将操作从“点击时”更改为“悬停时”的方法，我将不胜感激。

链接是这个（编辑：删除链接，问题已解决，谢谢）

为了帮助你们，你们将寻找 /js/jquery.galleriffic.js 文件

【问题讨论】：

标签： javascript jquery hover mouseover onmouseover

【解决方案1】：

我将上面的两个 sn-ps 添加到我的画廊页面的页脚，在脚本标签中，它起作用了！

谢谢

<script type="text/javascript">
            //Makes hover work instead of click on gallery
            $('a.thumb').mouseenter(function(e)
{
    $(this).click();
});

$('a.thumb img').click(function(e)
{
    e.stopImmediatePropagation();
});
        </script>

【讨论】：

【解决方案2】：

看看这个文件，有两个 onclick 处理程序，您必须将它们更改为一个 onmouseenter 处理程序。我不明白为什么这可能需要太多时间。此外，您可以将 onmouseenter 处理程序附加到相应的链接：

$('a.thumb').mouseenter(function(e)
{
    $(this).click();
});

如果您不希望它再被点击，您将不得不停止底部元素的点击事件冒泡：

$('a.thumb img').click(function(e)
{
    e.stopImmediatePropagation();
});

【讨论】：

"两个 onclick 处理程序" 第 202 行和第 453 行，对吗？我是新手，所以，我只取第一段代码并将其放在第 202 行，然后是第 453 行。如果需要，在文件底部添加您添加的第二行代码？
更改 202 和 453，无效（无悬停动作）。更改 655 和 584 破坏了设计，也没有悬停动作。
使用我在上面发布的源代码，您应该能够单独附加它而无需更改插件源代码。如果所有链接都是由插件生成的，您可能必须使用实时函数 docs.jquery.com/Events/live#typefn 而不是普通处理程序。