jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了请解释jQuery draggables的这种奇怪行为(在Chrome中)大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我看到使用Chrome的jQuery UI可拖动元素的奇怪行为.在下面的代码中,我创建了两个彩色块,您可以在浏览器窗口中拖动它们.试试吧 here.使用IE8和FF3一切正常,但Chrome有两件坏事:

>当你点击任一块时,
光标变成工字梁.请注意那里
页面上没有文字
>将一个街区放在正上方
其他(绿色的在上面).现在
单击块并拖动它.该
光标变成了no symbol,
但你仍然可以拖.现在放手吧.
而不是被丢弃的块,
它仍然被拖累
然鼠标按钮现在已经启动.

这似乎是打破Chrome或jQuery的一个例子.
我错过了什么吗?

<html>
<head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js"></script>

    <script>
        $(function() {
            $('<div>').addClass(  'redsquare').appendTo('body').draggable({ grid: [24,24] })
            $('<div>').addClass('greensquare').appendTo('body').draggable({ grid: [24,24] })
        });
    </script>

    <style>
        body {
            margin: 0 0 0 0;
        }

        .redsquare {
            position: absolute;  
            top: 48; left: 48;          
            width: 24px;
            height: 24px;
            BACkground-color: Red;
        }            

        .greensquare {
            position: absolute;  
            top: 48; left: 96;          
            width: 24px;
            height: 24px;
            BACkground-color: Green;
        }            
    </style>

</head>
<body>
</body>
</html>

解决方法

显然是在jQuery UI 1.8.6中修复的jQuery UI中的一个错误.您正在使用1.7.2.

它没有停止选择..

文章
http://forum.jquery.com/topic/chrome-text-select-cursor-on-drag
http://bugs.jqueryui.com/ticket/4163

一个解决方

$(".ui-draggable").each(function() {
  this.onSELEctstart = function() { return false; };
});

大佬总结

以上是大佬教程为你收集整理的请解释jQuery draggables的这种奇怪行为(在Chrome中)全部内容,希望文章能够帮你解决请解释jQuery draggables的这种奇怪行为(在Chrome中)所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。