Cuando selecciono una opción de una lista concatenada localizada en la función "processMessage(message)"
$("#visitors").append('<h5 class="unread" onclick="visitorSelected(this);" data-id=' + visitors[i].idSession + '>' + visitors[i].visitorOnline + '</h5>');
se produce un evento haciendo una llamada a la función "visitorSelected(event)", donde se captura sin problemas el data-id de la opción seleccionada. Posteriormente se pretende borrar el class "unread", con la siguente línea de código:
//does not delete the class 'unread'
$('[data-id="' + visitorSelected + '"]').removeClass('unread');
El resultado es que no borra dicha clase. Sin embargo, la anterior línea de código se ha probado en la consola del navegador, funciona correctamente. Estoy buscando el por qué del error y no doy con ello.
*Nota: No se ha puesto el código entero, sólo un fragmento.
Gracias de antemano.
Saludos.
<div>
<div id="visitors"></div>
<br />
<textarea id="chatRoomField" rows="10" cols="30" readonly></textarea> <br/>
<input id="sendField" value="" type="text">
<button id="sendButton" onclick="send_message();">Enviar</button>
</div>
<script>
function visitorSelected(event){
var visitorSelected = $(event).data('id');
//does not delete the class 'unread'
$('[data-id="' + visitorSelected + '"]').removeClass('unread');
localStorage.setItem('visitorSelected', visitorSelected);
websocket.send(json_messages(visitorSelected, '${email}', '${read}'));
document.getElementById("chatRoomField").innerHTML = "";
}
function processMessage(message){
if(json_message.hasOwnProperty('visitors')){
var visitors = json_message.visitors;
if(visitors.length > 0){
$("#visitors h5").remove();
for (var i = 0; i < visitors.length; i++) {
$("#visitors").append(
'<h5 class="unread" onclick="visitorSelected(this);" data-id=' + visitors[i].idSession + '>' + visitors[i].visitorOnline + '</h5>');
}
}
}
}
</script>