可拖动和可调整大小在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>

其工作正常。

如何实现图像标签的拖拽和调整大小？

看看这个http://bugs.jqueryui.com/ticket/4241 – sofl

答

我找到的解决方案是调整大小/使拖动与背景图像。我猜这个元素不可拖动和可调整大小。嗯，它适用于我。再见。

请你可以尝试重述吗？我很难理解我害怕。 – Willy

答

你应该用style="display:inline-block;将图像包装到div中，然后使div可拖动并调整图像大小。 Working Example

可拖动和可调整大小在JqueryUI的图像无法正常工作？

相关推荐