可调整大小的jQuery UI无法正常工作

时间:2013-10-02 10:54:05

标签: javascript jquery jquery-ui jquery-ui-draggable

我想知道为什么我的resizable()jQuery UI函数不适用于我的img。 http://impress-builder.herokuapp.com/home

这是代码:https://github.com/lipenco/impress.js-app

function setResizable(){
    $( ".resizable" ).resizable();

   }

   $(document).on('click', 'img', function(event){ 
      $(this).addClass('resizable');
      $(this).css("position" ,"absolute")
      setResizable(); 
      return false;
   });

2 个答案:

答案 0 :(得分:0)

我无法在其中找到错误。但是如果你可以提供关于写在页面上的确切代码在哪里的确切参考,因为我无法探索你引用的网页上的代码。请详细说明帮助。

示例:$(document).find('.resizable').resizable();

或直接通过浏览器控制台访问该页面。

这是一个带有静态元素的jsfiddle代码:http://jsfiddle.net/coolshivster/eUKhA/

尝试解决问题jQuery-ui文件放在头部或img.js

之前

答案 1 :(得分:0)

您确定可以直接调整图像大小吗?我建议将它包装在div中。 http://jsfiddle.net/8VY52/

您可以动态创建div。此外,你必须设置div style="display:inline-block"