가 작동하지 않습니다?

나는 가 작동하지 않습니다?

<!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를 드래그하고 이미지 크기를 조정할 수 있도록해야합니다. Working Example

출처

2013-01-21 16:29:03 daniatic

가 작동하지 않습니다?

답변

관련 문제