0

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>

私の悪い英語でごめんなさい、私はブラジル人です

4

1 に答える 1

0

要素を動的に追加しているので、この方法を試してください

$('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'う、代わりにクラスを使用してください

于 2013-04-12T19:48:30.637 に答える