0

我想知道是否有一个简单的解决方案，在用户取消悬停后，数据将恢复到其原始状态？我目前的解决方案是保存原始状态，并在用户取消悬停后加载此数据。这可能会变得乏味，因为每次悬停都会更改大量文本字段，并且存储所有这些信息很麻烦。

我基本上想知道JavaScript / jQuery中是否有类似CSS的东西:hover会自动返回到原始状态？

4

3 回答 3

2

一种解决方案是通过在 DOM 中隐藏但不改变原始状态来“存储”原始状态。

而不是更改原始文本字段：

  • onmouseover：创建克隆并根据需要进行修改；隐藏原始文本字段。
  • onmousout：删除（或隐藏）克隆并显示原始文本字段。

在下一次鼠标悬停时，您可以再次执行相同操作，或者只是重新显示隐藏的克隆，具体取决于先前的克隆是否仍然相关。

于 2012-10-24T01:05:19.247 回答
2

也许这可能会有所帮助，但您需要向我们提供更多信息和一些示例代码。

无论如何，您可以在用户悬停之前存储选择器的整个 HTML，然后在之后恢复它。

$('#button').hover(
    function(){
        var oldData = $('#data').html();        
    },
    function(){
        $('#data').html(oldData);

    }
);

这会对你有帮助吗？

于 2012-10-24T00:43:33.683 回答
1

我相信这已经是默认行为：http:
//api.jquery.com/hover/

如果不是，那么您可能应该使用.mouseoverand .mouseout： http://api.jquery.com/mouseover/
http://api.jquery.com/mouseout/

您只需计算出逻辑，以便更改这些事件的内容。;)

希望这可以帮助。:)

于 2012-10-24T00:48:15.667 回答