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

发布于 2024-08-08 20:17:49 字数 231 浏览 13 评论 0原文

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

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

链接是这样的(编辑:删除链接,问题解决了,谢谢)

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

If you look at the right, there is a thumbnail gallery. I need to change the action from 'on click' to 'on hover'. I'm not a javascript developer and changing scripts at this point will be futile (too many hours modifying this one...for other reasons).

If you could help me find a way to change the action from 'on click' to 'on hover', I'll be greatly appreciated.

Link is this (edit: removed the link, issue is solved, thanks)

To help you guys out, you'll be looking for the /js/jquery.galleriffic.js file

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

第几種人 2024-08-15 20:17:49

仔细查看该文件,确实有两个 onclick 处理程序,您必须将其更改为 onmouseenter 处理程序。我不明白为什么这可能需要太多时间。
此外,您可以将 onmouseenter 处理程序附加到相应的链接:

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

如果您不想再单击它,则必须停止底部元素处的单击事件冒泡:

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

Well looking at the file there are exactly two onclick handlers, which you will have to change to an onmouseenter handler. I don't see why this might take too many hours.
Additionally you can just attach an onmouseenter handler to the appropriate link:

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

If you don't want it to be clickable anymore you will have to stop the click event bubbling at the bottom element:

$('a.thumb img').click(function(e)
{
    e.stopImmediatePropagation();
});
梦与时光遇 2024-08-15 20:17:49

我将上面的两个片段添加到我的画廊页面的页脚中的脚本标签内,并且它起作用了!

谢谢

<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>

I added the two snippets above to the footer of my gallery page, within script tags and it worked!

Thanks

<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>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文