jquery - jquery调整div大小问题

Question

请在 google chrome 中打开此文件:http://jqueryui.com/demos/resizable/

它无法正常工作。当您将鼠标悬停在边缘上时，光标会发生变化，但是当您开始拖动时，光标再次发生变化，光标不再持久

我该如何解决这个问题？

Answer 1

好的，这是正确答案。

感谢bartaz感谢他的帮助和准确answer to this question .

如果您将其添加到您的脚本之一中，它将解决该问题:

    if ($.browser.safari) {
        $.ui.mouse.prototype.__mouseDown = $.ui.mouse.prototype._mouseDown;
        $.ui.mouse.prototype._mouseDown = function(event){
            event.preventDefault();
            return $.ui.mouse.prototype.__mouseDown.apply(this, arguments);
        }
    }

Chrome 似乎在其 document.onselectstart 函数中捕获了光标。

如果您想亲自测试，请下载最新版本的 resizing 并将其放置在\development-bundle\demos\ressized\default.html 中:

<script type="text/javascript">
    if ($.browser.safari) {
        $.ui.mouse.prototype.__mouseDown = $.ui.mouse.prototype._mouseDown;
        $.ui.mouse.prototype._mouseDown = function(event){
            event.preventDefault();
            return $.ui.mouse.prototype.__mouseDown.apply(this, arguments);
        }
    }

    $(function() {
        $("#resizable").resizable();
    });
</script>