question jquery mouseover

Question

J'ai ce code:

$("div[id^='intCell']").mouseover(function() {
    $(this).css({ "border:","1px solid #ff097c"});
}).mouseout(function() {
    $(this).css({"border:","1px solid #000"});
})

Mais je ne peux pas le faire fonctionner! Dans le html il y a une liste des divs qui sont générés par php pour avoir ids de intCell_1, intCell_2 etc. Toutes les idées?

Answer 1

Votre objet CSS syntaxe littérale est incorrect!

Il devrait être:

$("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
})

Exemple de travail: http://jsbin.com/iyoba (éditable via http://jsbin.com/iyoba/edit )

Answer 2

MISE À JOUR:

vous pouvez utiliser la commande « hover » à la place de « mouseover » et mouseout », et utiliser l'astérisque dans le sélecteur d'attribut:

exemple:

$("div[id*='intCell']").hover(function() {
 $(this).css({border:"1px solid #ff097c"});
},
function() {
 $(this).css({border:"1px solid #000000"});
});