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'将会重复，请改用

Jquery ui附加不可调整大小

1 个答案: