Ola estou com uma função .hover aonde eu gostaria que na segunda instancia (mouseleave) ocorre-se um delay para que o que esta dentro da função ocorra, ja tentei setar dentro da segunda função um setTimeout, tentei referenciar dentro do .hover, ".hover(function(){}, setTimeout(function(){});), mas ainda assim não consegui um resultado efetivo. Função abaixo:
$("#lista-interface").on("mouseover", ".tarefas", function(){
$(this).hover(function(){
let divO = document.createElement("div");
$(divO).attr({"class":("button" + " left"),});
let divT = document.createElement("div");
$(divT).attr({"class":("button" + " rigth"),});
let divTR = document.createElement("div");
$(divTR).attr({"class":("button" + " delete"),});
$(this).append(divO);
$(this).append(divT);
$(this).append(divTR);
}, function(){
$("div").remove(".button, .left");
$("div").remove(".button, .rigth");
$("div").remove(".button, .delete");
set
});
});
alguma ideia de como isso possa ser efeito, ou se teria alguma outra forma de eu conseguir o mesmo efeito.
$("#lista-interface .tarefas").hover
direto sem ter que usar ummouseover
antes?