google chrome和jquery ui:draggable对象正在远离鼠标光标

时间:2013-04-23 15:24:03

标签: jquery jquery-ui google-chrome draggable

此问题仅在Google Chrome中出现:

这是一个简单的小提琴,有可拖动的div:http://jsfiddle.net/8kPXf/

<div id="drag"></div>

$(document).ready(function () {
    $("#drag").draggable();
});

当你拖动它时,让我们说3次,可拖动的div似乎远离光标

还有另一个小提琴没有出现这种效果:http://jsfiddle.net/uBPs8/

<div id='container'>
     <h3 class='title' id='titlebar'>My Title</h3>
</div>

$("#container").draggable({
        containment: 'window',
        scroll: false,
        handle: '#titlebar'
    });

不同之处在于,有问题的小提琴使用jQuery 1.7.2而不是1.4,因为当我在“好”小提琴中将jquery更改为1.7.2时,问题就出现了。

Google Chrome中是否有解决此问题的方法仍然允许使用jQuery 1.7.2?

1 个答案:

答案 0 :(得分:0)

我没有看到使用Chrome for Mac的问题。尽管如此,试试这个小小伙伴,它更轻巧:http://css-tricks.com/snippets/jquery/draggable-without-jquery-ui/