jQuery UI的附加工作不调整大小

Question

“M学习jQuery和我遇到的问题

我有一个div是可调整大小，并希望动态地通过一个按钮来添加另一个里面走了，但我想这下也可以调整大小，所以我使用同一个班级。

，但不工作

另一个div来显示，但它是不可调整大小

<div id="row" class="ui-widget-content"> 
     <div id="bot_add">X</div> 
    </div> 
    <script type="text/javascript"> 
    $(document).ready(function() { 
     $('#row') 
        .draggable() 
        .resizable({ 
      stop: function(e, ui) { 
      var temp = $('#row').css('width'); 
      alert(temp); 
     } 
    }); 

$('#bot_add').live('click', function(){ 

    $('#row').append("<div id='row' class='ui-widget-content'></div>"); 

}); 



}); 
    </script> 

对不起我的英语不好，我是巴西人

Answer 1

如你动态地添加元素 - 尝试这样

$('body').on("mouseenter", "ui-widget-content", function(e) { 
    var target = $(e.target); 
    if (target.data("resizable")) return; 
    target.resizable({ 
     stop: function(e, ui) { 
      var temp = $('#row').css('width'); 
      alert(temp); 
     } 
    }); 
}); 

由于@roasted提到，你的id='row'将被复制，改为使用类