0

我有以下 jquery 代码。第一次单击按钮时它工作正常。第二次单击该按钮后，除了可以调整大小外，一切正常。

    $('#setposition').live('click', function(){
            $('#positionbox').height(parseInt($('#height').val()) + 105);
            $('#positionbox').width(parseInt($('#width').val()) + 5);
            $('#poscontainer').height($('#height').val());
            $('#poscontainer').width($('#width').val());
            $('#poscontainer').css('background-image',         "url('"+$('#image').attr('value')+"')");
            $('#poscontent').html($('#content').val());
            $('#poscontent').draggable({containment:"parent"}).resizable(
            {
                handles: "all",
                stop: function(event, ui) {
                    var p = $('#poscontent').position();
                    $('#position').val(ui.size.width + ',' + ui.size.height + ',' +
                        p.left + ',' + p.top);
                      }
                  }
                );
            $('#poscontent').hover(function(){
                $(this).css('border','1px solid #000')
                    },function(){
                $(this).css('border','none')
            });
    });

重要的 HTML 元素：

    <a id="setposition" class="btn btn-success" data-toggle="modal" href="#positionbox">Set Position</a>
    <input type="hidden" name="position" id="position">

    <div id="positionbox" class="modal hide fade in" style="display: none;">
    <div class="modal-header">
       <h3>Drag your content to the appropriate position</h3>
    </div>
    <div id="poscontainer">
       <div id="poscontent">test</div>
    </div>
    <div class="modal-footer">
         <a href="#" id="imageback" class="btn" data-dismiss="modal">Back</a>
    </div>
    </div>

找到解决方案！ 更改内容后如何使用 Jquery UI 调整 div 的大小？

4

0 回答 0