pregunta al pasar el ratón jQuery
Pregunta
Tengo este código:
$("div[id^='intCell']").mouseover(function() {
$(this).css({ "border:","1px solid #ff097c"});
}).mouseout(function() {
$(this).css({"border:","1px solid #000"});
})
Pero no puedo conseguir que funcione! En el html hay una lista de divs que son generados por php tener ids de intCell_1, intCell_2 etc. ¿Alguna idea?
Solución
Su objeto CSS sintaxis literal es incorrecto!
Debe ser:
$("div[id^='intCell']").mouseover(function() {
$(this).css({ "border": "1px solid #ff097c"}); // <-- This syntax was wrong
}).mouseout(function() {
$(this).css({"border": "1px solid #000"}); // <-- This syntax was wrong
})
muestra de trabajo: http://jsbin.com/iyoba (editable vía http://jsbin.com/iyoba/edit )
Otros consejos
ACTUALIZADO:
Puede utilizar el comando "flotar" en lugar de "mouseover" y mouseout", y utilizar el asterisco en el selector de atributos:
ejemplo:
$("div[id*='intCell']").hover(function() {
$(this).css({border:"1px solid #ff097c"});
},
function() {
$(this).css({border:"1px solid #000000"});
});
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow