【问题标题】:Drag DIV and Drag Resize in FireFox在 FireFox 中拖动 DIV 和拖动调整大小
【发布时间】:2014-03-02 02:46:11
【问题描述】:

我正在尝试使我可以在屏幕上拖动我的 div,并且还能够通过拖动可调整大小的 div 的右下角来调整 div 的大小。如果我使用它,它在 Chrome 中效果很好:

$('div').draggable();

但 FireFox 不会调整大小。任何想法将不胜感激。

如果我删除 jQuery - draggable 命令,则调整大小在 FireFox 中效果很好,但是...

TIA

丹麦

【问题讨论】:

    标签: javascript jquery dom


    【解决方案1】:

    如果你使用 jquery resizable 那么这可能是你的问题。

    $( "div" ).resizable();
    

    【讨论】:

    • 我不使用$( "div" ).resizable();,它在 Chrome 中运行良好,但在 FireFox 中却不行...
    • 我无法评论为什么它在 chrome 中工作而不是 ff,但我相信 draggable 是一个用于拖动项目(div 或其他什么)的小部件,而 resizable 是一个调整它大小的小部件,试试看看它是否有效将是我的第一个想法。
    • 我已经包含并测试了您的可调整大小的代码,但它不起作用。 Firefox 将右下角三角形视为拖动区域。
    • 请记住,可调整大小的功能可以通过 CSS 指令resize:both; 触发
    • 很难说只能看到您提供的一行代码,但这里似乎发生了其他事情。看看这个 jsFiddle jsfiddle.net/zM9uw,一个可拖动的 div 不应该在 crome 中调整大小,一个可调整大小的框应该可以在任何大型浏览器中使用。我有一种感觉,你在 css 中做了一些事情来改变这些“小部件”的正常状态。你对有问题的 div 或其周围元素的 z-index 做了什么吗?因为开箱即用,它应该可以按需要工作
    猜你喜欢
    • 2015-04-11
    • 1970-01-01
    • 2014-01-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-06-17
    • 1970-01-01
    • 2012-02-23
    相关资源
    最近更新 更多