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 功能中抓取光标。

如果您想自己测试下载最新版本的resizable并将其放在\ development-bundle \ demos \ resizable \ 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>

在jquery中调整div问题的大小

1 个答案: