兩個jquery函數不工作

我有jQuery以下的函數，但只能調整大小工作不可拖動。如果我刪除可調整大小，那麼只能拖動工作。兩個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">

我想這兩個可調整大小和可拖動的工作。我怎樣才能做到這一點？

來源

2015-12-12 Haren Sarma

不要使用'上*'屬性。使用['addEventListener']（https://developer.mozilla.org/pl/docs/Web/API/Element/addEventListener）。請參閱：http://stackoverflow.com/questions/6348494/addeventlistener-vs-onclick –

當你製作一個可調整大小的元素時，它將該元素包裝在一個div中。爲了使可拖動的元素工作在相同的元素上，您需要定位它的新父元素。

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

參見：https://jsfiddle.net/x30zLdeg/

來源

2015-12-12 15:35:53

兩個jquery函數不工作

回答

相關問題