jQuery UI Resize不起作用

我无法获得jQuery UI的Resize方面的工作，其他一切正常。jQuery UI Resize不起作用

我看过这个网站上列出的几种解决方案，我已经试过了。这似乎是可重新调整的类，并且所有必需的元素都被添加了。我从来没有看到手柄或具有调整实际能力。

请看看，让我知道我错过了什么......如果有的话。

<link rel="stylesheet" href="canvas.css"> 
    <link rel="stylesheet" href="jquery-ui.css"> 

    <script type="text/javascript" src="jquery-2.1.0.js"></script> 
    <script type="text/javascript" src="jquery-ui.js"></script> 



    <script> 
    $(document).ready(function() { 


var activeFrame = "#frame1"; 

    $(function() { 
     $("#assets").accordion(); 
    }); 

    $(".preview").click(function(event) { 
     console.log("Frame backdrop set to " + event.target.id); 
     $(activeFrame).removeClass(); 
     $(activeFrame).addClass(event.target.id); 
    }); 

    $(".prop").click(function(event) { 
     console.log("User added " + event.target.id + "_full"); 
     $(activeFrame).append('<div id="' + event.target.id + '_full" class="drag "></div>'); 
    propPrep(); 
    }); 

    function propPrep(event) { 
     $(".drag").draggable({ containment: "parent" }); 
     $("#" + event.target.id + "_full").resizable({ aspectRatio: 16/9}); 
    } 

}); 
    </script> 


</head> 
<body> 
<div id="assets"> 
    <h3>Backdrops</h3> 
     <div id="backdrops"> 
      <div id="bd1" class="preview"></div> 
      <div id="bd2" class="preview"></div> 
      <div id="bd3" class="preview"></div> 
     </div> 
    <h3>Props</h3> 
     <div id="props"> 
     <div id="garfield1" class="prop"></div> 
     </div> 
    <h3>Characters</h3> 
     <div id="characters">test</div> 
</div> 
<div id="strip"> 
    <div id="frame1"></div> 
    <div id="frame2"></div> 
    <div id="frame3"></div> 
</div> 
</body>

来源

2014-04-04 egoncalo

传递事件中支柱（）之类'丙（事件）' –

传递参数事件到支柱功能

变化

$(".prop").click(function(event) { 
.. 
    propPrep(); 
});

到

$(".prop").click(function(event) { 
    .... 
    propPrep(event); 
});

来源

2014-04-04 01:46:36

jQuery UI Resize不起作用

回答

相关问题