【问题标题】:two jquery function not working [duplicate]两个jquery函数不起作用[重复]
【发布时间】:2015-12-12 15:21:10
【问题描述】:

我有以下 jquery 功能,但只能调整大小的工作不可拖动。如果我删除可调整大小的,那么只有可拖动的工作。

function drag(obj) {
        $(function () {
            $(obj).draggable({containment: "#design"});
        });
        $(function () {
            $(obj).resizable({containment: "#design"});
        });
    }

HTML 是:

<img width="150px" src="abc.png" ondrag="drag(this)" onclick="drag(this)" id="imgs" class="ui-widget-content">

我想要可调整大小和可拖动的工作。我该怎么做?

【问题讨论】:

标签: javascript jquery jquery-ui


【解决方案1】:

当你使一个元素可调整大小时,它会将该元素包装在一个 div 中。要使可拖动对象在同一元素上工作,您需要将其定位为新父级。

$('img').resizable({containment: "#design"});
$('img').parent().draggable({containment: "#design"});

见:https://jsfiddle.net/x30zLdeg/

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-05-18
    • 1970-01-01
    • 1970-01-01
    • 2014-11-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多