jquery - Jquery ui Append无法调整大小

Question

我正在学习 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'将是重复的，使用类代替