jquery live() 鼠标悬停不起作用

发布于 2024-09-16 20:02:41 字数 1480 浏览 5 评论 0原文

你好,

这是我的代码,

$('.fc-event').live("mouseover",function(){
                                    if (!$(this).data("init")) {
                                        $(this).data("init", true);
                                        $(this).draggable({ 
                                             appendTo: 'body', 
                                             //opacity: 0.65, 
                                             revert: 'invalid', 
                                             scroll: true, 
                                             scrollSpeed: 50 
                                             });
                                        $(this).draggable(
                                            "option",
                                            "helper",
                                            function(){
                                                $('body').append('<div id="dragElement"></div>');
                                                $('#dragElement').maxZIndex({inc : 5});
                                                $('#dragElement').html($(this).find('.fc-event-title').html());
                                                return $('#dragElement'); 
                                            });
                                    }
                                });

这不起作用...:(如果我更改“悬停”事件,它将起作用(但仅在鼠标移开时...我无法使用)。如果我更改事件“单击”也可以,只是“鼠标悬停”不行。

有什么想法吗?

HI there

This is my code

$('.fc-event').live("mouseover",function(){
                                    if (!$(this).data("init")) {
                                        $(this).data("init", true);
                                        $(this).draggable({ 
                                             appendTo: 'body', 
                                             //opacity: 0.65, 
                                             revert: 'invalid', 
                                             scroll: true, 
                                             scrollSpeed: 50 
                                             });
                                        $(this).draggable(
                                            "option",
                                            "helper",
                                            function(){
                                                $('body').append('<div id="dragElement"></div>');
                                                $('#dragElement').maxZIndex({inc : 5});
                                                $('#dragElement').html($(this).find('.fc-event-title').html());
                                                return $('#dragElement'); 
                                            });
                                    }
                                });

This doesn't work... :( If I change the event for "hover" it will work (but only on mouseout... which I can't use). if I change the event for "click" it also works, just NOT "mouseover".

Any ideas?

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

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

发布评论

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

评论(1

权谋诡计 2024-09-23 20:02:41

您可能会遇到问题,因为 mouseover 不是 .hover() 使用,它也会为儿童触发。要获得 .hover() 等效项,您需要 mouseenter 在进入子项时不会触发,像这样:

$('.fc-event').live("mouseenter",function(){

You may be having issues because mouseover isn't what .hover() uses, it also fires for children. To get the .hover() equivalent you need mouseenter which doesn't fire when entering a child, like this:

$('.fc-event').live("mouseenter",function(){
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文