JQuery DOM Problema de contención de arrastre restizable
-
24-10-2019 - |
Pregunta
¿Por qué JQuery Risizable () no cambia el tamaño del ancho y la altura de la ID de contención asignada a él? Puedes probarlo en http://jsfiddle.net/c8ysu/6/ Y mira lo que quiero decir. Intente cambiar el tamaño del DIV creado, no cambiará el tamaño a un ancho y altura total en el padre #Container Div. Esto parece ser causado por el draggable()
función.
Solución
Agregar una posición relativa al #Container Div solucionó el problema.
Otros consejos
<script type="text/javascript">
$("button").click(function () {
var elm = $('<div id="divId" class="adiv abs"></div>');
elm.appendTo('#container').resizable({
containment: "parent"
});
});
</script>
Actualizar
<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 un problema al agregar draggable a él.
Prueba este ejemplo. Eliminado arrastrable, pero agregó manijas.
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow