Tengo una tabla cuyo cuerpo he hecho ordenable usando la función ordenable de jQuery UI. Dentro de esta tabla ordenable, tengo un área de texto que permite al usuario ingresar comentarios sobre una entrada de tabla determinada.Hacer texto seleccionable en un área de texto dentro de un padre ordenable jQuery
<table id="status">
<thead>
<tr>
<th>Name</th>
<th>Comment</th>
</tr>
</thead>
<tbody>
<tr>
<td class="dragHandle">Jason</td>
<td><textarea class="commentBox"></textarea></td>
</tr>
</tbody>
</table>
Y el javascript para hacer que la tabla ordenable (con una función de ayuda para la toma de mesas que se pueden ordenar he encontrado en Internet)
// Return a helper with preserved width of cells
var fixHelper = function(e, ui) {
ui.children().each(function() {
$(this).width($(this).width());
});
return ui;
};
$("#status").sortable({
helper: fixHelper,
axis: 'y',
handle: '.dragHandle'
}).disableSelection();
entrada de texto en esta área de texto funciona bien, sin embargo cuando intento seleccionar texto dentro del área de texto, no pasa nada. Incluso el uso de Shift + teclas de flecha no se comporta como era de esperar.
¿Cómo puedo hacer que el texto de un texto de texto sea seleccionable mientras sigo haciendo que toda la tabla sea ordenable?
ya intentados:
Haciendo un ordenable "destruir" en la mesa cuando un área de texto se centran en tratar de permitir temporalmente la capacidad de selección, pero incluso después de que la destruya, selección de texto sigue siendo poco firme.
Al establecer la propiedad 'mango' de la sortable para hacer solamente el campo Nombre sortable
Al establecer la propiedad 'desactivar' de la sortable desactivar cuando se inicia a partir de las áreas de texto
Capturando la mousedown/mouseup eventos en el área de texto (o un div que contiene el área de texto) y event.stopPropagation llamando al()
¿Puedes publicar tu JS ordenable? – methodin