Jquery Draggable不兼容chrome和opera

时间:2013-12-24 09:58:16

标签: jquery html css jquery-ui jquery-ui-draggable

我在我的网站上的图片上使用了jquery ui可拖动,问题是该功能在Firefox中运行良好,但在Chrome和Opera中没有。在chrome和opera中,dragable仅适用于y axis而不适用于x axis。控制台完全干净,没有错误。我在这里提供我的代码:

$(".withroomimageupper").draggable({
        containment: ".pro_img_big",
        scroll: false,
        axis: "x,y"

});

请帮助我....

3 个答案:

答案 0 :(得分:1)

axis用于约束水平轴或垂直轴之一的拖动 (您只能限制其中一个

如果你想让它自由,就不要传递轴。

$(".withroomimageupper").draggable({
        containment: ".pro_img_big",
        scroll: false
});

答案 1 :(得分:0)

请阅读http://api.jqueryui.com/draggable/ 有些选项无效。 不需要“轴”选项。

我相信这适用于所有浏览器:

$(".withroomimageupper").draggable({
        containment: ".pro_img_big",
        scroll: false
});

答案 2 :(得分:0)

似乎您正在添加一些不需要的代码行。我找到了一个Bin样本http://jsbin.com/ICEYaZor/2/edit