Creé un contenedor que no se puede cambiar de tamaño durante la inicialización, pero cuando hago clic en él, su ancho se expande y luego se cambia de tamaño, y al hacer clic nuevamente, su ancho se contrae nuevamente y el contenedor no se puede cambiar de tamaño. Sin embargo, el problema es que puedo deshabilitar el cambio de tamaño en el contenedor, pero el cursor de cambio de tamaño todavía está allí, ¿cómo puedo eliminarlo?
Estoy usando este código:
// while intializing $(".container").resizable({ disabled:true, handles:"e,w" }); //on Click event disableSideBarResize: function() { $(".container").resizable().resizable("disable"); }, enableSideBarResize: function() { $(".container").resizable().resizable("enable"); },
Pero no puedo quitar el cursor/icono de cambio de tamaño. ¿Puede alguien por favor ayudarme con esto?
Sintaxis:
$( ".selector" ).resizable( "deshabilitar" );
Enlace CDN: Primero, agregue los scripts jQuery UI necesarios para su proyecto.
code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css Blockquote
code.jquery.com/jquery-1.12.4.js y code.jquery.com/ui/1.12.1/jquery-ui.js
Consulte el enlace https://www.geeksforgeeks.org/jquery-ui-resizable-disable-method/