可拖動和可調整大小在JqueryUI的圖像無法正常工作？

我用下面的代碼用於拖動和調整圖像大小，可拖動和可調整大小在JqueryUI的圖像無法正常工作？

<!DOCTYPE html> 
<html> 
    <head lang="en"> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js"></script> 
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css"/> 

     <script type="text/javascript"> 
    $(document).ready(function() { 

     $("#img_content").draggable().resizable(); 

    }); 
    </script> 
    </head> 
    <body class='default'>  


<div class="demo"> 
<!--<div id="img_content" class="ui-widget-content"> 
    <p>Drag me around</p> 
</div>--> 

<img id="img_content" class="ui-widget-content" src="Tulips.jpg" /> 

</div> 


    </body> 
</html>

可調整大小的工作corretly。但拖動圖像不起作用。如果我申請div結構

<div id="img_content" class="ui-widget-content"> 
     <p>Drag me around</p> 
    </div>

其工作正常。

如何實現圖像標籤的拖拽和調整大小？

來源

2012-05-22 Ravichandran Jothi

看看這個http://bugs.jqueryui.com/ticket/4241 – sofl

我找到的解決方案是調整大小/使拖動與背景圖像。我猜這個元素不可拖動和可調整大小。嗯，它適用於我。再見。

來源

2012-11-05 11:33:06

請你可以嘗試重述嗎？我很難理解我害怕。 – Willy

你應該用style="display:inline-block;將圖像包裝到div中，然後使div可拖動並調整圖像大小。 Working Example

來源

2013-01-21 16:29:03 daniatic

可拖動和可調整大小在JqueryUI的圖像無法正常工作？

回答

相關問題