Question

我正在尝试使用JQuery和JQuery UI同时进行鼠标悬停事件和拖放操作。

我目前在这里有一个工作原型：http://dan.taeyounglee.com/othersites/m-p/ch18.php。

如您所见，如果您将鼠标移到图像上，通过绑定到左侧艺术品的悬停事件，将隐藏/显示单独的相应div。这很好用。但是，一旦你将其中一件艺术品拖放到虚线区域，悬停就不再有效了。

这是悬停代码：

$(".artwork").hover(function () {    
    var hoverid = $(this).attr('id');  
    var hovernum = hoverid.split("img")[1];  
    $('.explanation').hide();  
    $("#explanation" + hovernum).show();  
},  
function() {  
    $('.explanation').hide();  
});

似乎JQuery UI中的某些东西禁用了悬停效果？我不知道如何解决这个问题，我尝试过使用mouseover / mousestart;一样的。

有什么想法吗？谢谢！

Answer 1

删除后，您必须将事件重新分配给对象。

拖放可能是删除旧对象并将其复制到新位置。而不是保持相同的元素。

我刚刚在FF3中使用控制台对其进行了测试，它确实有效。将该逻辑放在可以由结束拖放事件调用的方法中。

JQuery UI：拖放禁用鼠标悬停事件？

1 个答案: