jquery resizaable not working for imag

Question

jquery resizable is not working in my code, its only working when then image is directly loaded. Not working when image is added to a div

Here is my code:-

<html lang="en">
<head>
<title>Outfit Demo</title>
<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">
jQuery(document).ready(function(event){
   jQuery(".pic1").draggable();
   jQuery(".pic1").resizable();
});
  function select(src)
  {
  path = "<img class=\"pic1\" src=\""+src+"\" height=\"300px\" width=\"300px\"/>";
  document.getElementById("image").innerHTML=path;
  }
  </script>
</head>

<body>
<div id="leftpanel" style="position:absolute;left:0;width:50%;">
<div style="left:0;height:30%;" id="image"></div>
</div> 
<div id="middlepanel" style="width: 100%; height: 100%; position:absolute;left:500;width:50%;">
<img class="pic1" src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcT-cYNnwQZF6R0T5v11nnXOmdWWEGj4Tf7tKMhbB_FsNFo8yLmaeg" height="300px" width="700px" onclick="select(this.src)"/>
</div> S
</body>
</html>

Help me out in this please

see this http://stackoverflow.com/questions/1805210/jquery-drag-and-drop-using-live-events — PSR, Feb 25 '13 at 11:25
its working, but why it dint work for me? i am poor in jquery. — RecklessSergio, Feb 25 '13 at 11:33
how to have both draggable and resizable in this? @sambapenugonda — RecklessSergio, Feb 25 '13 at 11:40

score 1 · Accepted Answer · edited May 23 '17 at 11:56

1

to use jquery events for the elements which are not coming with the page loading we need to apply live.So here(in the above link i gave in the comment) they created event using live

see here using live event you can do

edited May 23 '17 at 11:56

Community

1
1

answered Feb 25 '13 at 11:50

PSR

39,804
41
111
151

score 0 · Answer 2 · answered Feb 25 '13 at 11:54

0

$('.pic1').live('mouseover',function(){
    $(this).draggable();
});

This is working for me. Thanks

i understood what you have said. Many thanks

answered Feb 25 '13 at 11:54

RecklessSergio

806
3
10
34

jquery resizaable not working for imag

2 Answers2