JQuery Dom Resizable Draggable Containment Problem
-
24-10-2019 - |
Frage
Warum ist JQuery -Resizable () nicht die Größe und Höhe der ihm zugewiesenen Containment -ID zu ändern? Sie können es versuchen bei http://jsfiddle.net/c8ysu/6/ und sehen, was ich meine. Versuchen Sie, die erstellte DIV zu ändern. Die Größe der Größe und Höhe des übergeordneten #Container Divs nicht in voller Breite und Höhe. Dies scheint durch die verursacht zu werden draggable()
Funktion.
Lösung
Das Hinzufügen einer relativen Position zum #Container Div hat das Problem festgelegt.
Andere Tipps
<script type="text/javascript">
$("button").click(function () {
var elm = $('<div id="divId" class="adiv abs"></div>');
elm.appendTo('#container').resizable({
containment: "parent"
});
});
</script>
Aktualisieren
<script>
$("button").click(function () {
var elm = $('<div id="divId" class="adiv abs"></div>');
elm.appendTo('#container').draggable({
snap: true,
containment: 'parent'
}).resizable({
maxWidth: 300,
maxHeight: 300
});
});
</script>
Es ist ein Problem beim Hinzufügen von Draggierbar.
Probieren Sie dieses Beispiel aus. Draggier entfernt, fügte aber Griffe hinzu.
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow