jquery - 使用 data() 和 attr() 选择和调用原始 css 在 Firefox 中有效，但在 Opera 和 Chrome 中无效？

Question

我希望能够在 jquery 中的某个事件上拖动 (jquery ui draggable()) 后将可拖动的 div 重置到它的原始位置。我这样做了:

$('#nav').draggable();

$('#nav').data({'x': $("#nav").css('left'), 'y': $("#nav").css('top')});

$("#c").click(function () {
    $('#nav').animate({'left': parseInt($("#nav").data('x')) - 15, 'top': parseInt($("#nav").data('y')) - 14}, {duration : 500});
});

它甚至可以在旧的 Firefox 中运行，但不能在最新的 Opera 和 Chrome 中运行。我尝试用 attr() 替换 data() ，它仍然是一样的。

如何以更跨浏览器的方式实现这一目标？

编辑:这是正在运行的代码: http://jsfiddle.net/MVCA6/

Answer 1

在 chrome 中，我看到了使用

的结果

console.log($("#nav").data('x'));

它返回auto；

在 mozilla 中它给出

447px

可能这可能是它在 chrome 中不起作用的原因。但是如果你在 css 中的 #nav 中分配 left 和 top 属性为

left:447px;top:352px

它工作正常。 SEE DEMO HERE

有关更多详细信息，您还可以从 HERE 寻求帮助