Question

jquery resizable在我的代码中不起作用，它是唯一的的工作然后直接加载图像。 不能正常工作 将图像添加到div

时

这是我的代码： -

<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>

请帮帮我

Answer 1

使用jquery事件来处理我们需要应用live的页面加载的元素。所以在这里（我在评论中给出的上述链接）他们使用live创建了事件

见using live event you can do

Answer 2

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

这对我有用。感谢

我理解你所说的话。非常感谢

jquery resizable不适用于图像

2 个答案: