Agrego el tipsy tipsy tips a los divs con la clase .placeTaken. El usuario puede arrastrar cuadros hacia allí, así que elimino la clase y la agrego a un nuevo div en su lugar. Cuando esto sucede, agrego un nuevo tipsy tooltip a ese div y funciona bien, pero quiero eliminar el viejo.jQuery: cómo eliminar la información sobre herramientas tipsy?
Dicen que si desea eliminar la información sobre herramientas estableciendo el atributo de título en una cadena vacía, establezca en su lugar el atributo original-título. Intenté $("#"+dropFromId).attr("original-title", "");
pero la información sobre herramientas todavía está allí. Ni siquiera puedo cambiar el título de la información sobre herramientas configurando otro título original.
¿Qué estoy haciendo mal?
Editar: Creo que no les di suficiente información. Uso ajax para tomar los lugares que se toman de la base de datos. El PHP devuelve una matriz asociativa (clientes) que luego uso en mi JavaScript donde el lugar tomado coincide con un nombre. Los lugares que se toman cambian al caer, por lo que realizo la función ajax nuevamente para actualizar la matriz con todos los lugares tomados. En verdadera, agrego la información sobre herramientas borracho a todos los lugares tomados como tal
$("#map div.placeTaken").tipsy({gravity: 'w', html: true, fade: true, title:
function(){
// id could for example be map74, substring to 74
var id = $(this).attr("id").substring(3,6);
return '<div>'+customers[id]+'</div><br />';
}
});
Así que el título es igual a lo que coincide con ese lugar en la matriz. Espero estar explicando esto lo suficientemente bien. Cuando la caja se deja caer en un nuevo lugar, esto es lo que sucede
$("#map div span").bind("dragstop", function(event, ui) {
// some code here to change the .placeTaken class
// update database with the new place
$.ajax({
type: "POST",
url: "map.php",
data: "dropFromId="+ dropFromId.substring(3,6) +"& dropToId="+ dropToId.substring(3,6),
success: function(){
// ajax function to update the js array with new places
customerTooltip();
}
});
// on this place, add tooltip
$("#"+dropToId).tipsy({gravity: 'w', html: true, fade: true, title:
// funktion för att avgöra vilken title som ska användas
function(){
var id = dropToId.substring(3,6);
return '<div>'+customers[id]+'</div><br />';
}
});
}
});
Todo esto funciona bien, así que pensé que me gustaría simplemente cambiar el título dropFromId a "" en la caída, por lo que lo quito .
¿Puede dar algunos ejemplos de código que muestra el problema? –
También debe publicar su html ya que la información sobre herramientas proviene del atributo 'title' a menos que esté usando algún atributo personalizado. – Sarfraz
Ok, publiqué un código. – Charles