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不起作用

回答

相關問題