Question

我找到了以下代码，但是原始代码使用了ID，但是当我使用类时它不起作用？因为我为不同的盒子使用相同的类名，这些盒子是可拖动的并且可以调整大小。

 $(function() {
            var a = $(".texteditorInitial");
            var b = $('#siteGroup');
            a.draggable({
            drag: function() {
                    if (a.position().top > b.height() - a.height()) {
                        b.height(b.height() + 10);
                    }
                    if (a.position().top < b.height() - a.height()) {
                        b.height(b.height() - 1);
                    }
                }
            });
            var c = $(".title_bar");
            var d = $('#siteGroup');
                c.resizable({
                resize: function() {

                    if (c.offset().top > d.height() - c.height()) {
                        d.height(d.height() + 10);
                    }
                    if (c.offset().top < d.height() - c.height()) {
                        d.height(d.height() - 1);
                    }
                }
            });

        });

请帮忙。

Answer 1

我认为它有效

Check This Fiddle

<div class="texteditorInitial"></div>
<div id="siteGroup"></div>
<div class="title_bar"></div>

拖动并调整div的大小

1 个答案: