evento de clic del mouse de jquery, cambiar el color de fondo
Lo que quieres decir es: mueve el mouse para resaltar el div, haz clic en el div para seleccionar el div actual (selección única),
El código completo es el siguiente: lt;htmlgt;
lt;headgt;
lt;meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"? p>
lt ;titlegt;evento de clic del mouse de jquery, cambia el color de fondolt;/titlegt;
lt;script?src="jquery-1.7.1.min.js"gt;lt; /scriptgt;
lt.script?type="text/javascript"gt;
$(function?()?{
//Inicializar div y registrar eventos
var?initDiv?=?function?()?{
$(".managementPanel?div").css("background",?"");
$(".managementPanel?div").mouseover(function?()?{
$(this).css("fondo",?" #588600");
})
.mouseout(función?()?{
$(this).css("fondo",?") )
})
};
initDiv();
$(".managementPanel?div")
.clic (function?()? {
initDiv();
//El div actualmente seleccionado cambiará el color de fondo
$(this).css( "background", ?" # 588600");
//Cancelar eventos de mouseout y mouseover para el div actual
$(this).unbind("mouseout"); p>
$( this).unbind("mouseover");
});
})
lt;/scriptgt; p>
lt; /headgt;
lt;bodygt;
lt;div?class="managementPanel"gt;
lt;divgt; div1lt;/divgt;
p>lt;divgt;div2lt;/divgt;
lt;divgt;div3lt;/divgt;
lt;divgt; div4lt;/divgt;
lt;divgt;/div5gt;
lt;divgt;/div6gt;
lt;class="managementPanel"gt;
lt;div ?gt;div5lt;/divgt;
lt;/divgt;
lt;/bodygt;
lt; /htmlgt;
Imágenes válidas: