سؤال jquery mouseover

Question

لدي هذا الرمز:

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

لكن لا أستطيع تشغيله!توجد في HTML قائمة بالأقسام التي تم إنشاؤها بواسطة php للحصول على معرفات intCell_1 وintCell_2 وما إلى ذلك.أيه أفكار؟

Answer 1

لديك كائن CSS جملة الحرفي غير صحيح!

ويجب أن تكون:

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

وعينة العمل: http://jsbin.com/iyoba (وقابل للتحرير عن طريق <أ href = على "HTTP : //jsbin.com/iyoba/edit "يختلط =" نوفولو noreferrer "> http://jsbin.com/iyoba/edit )

Answer 2

محدث:

يمكنك استخدام الأمر "تحويم" بدلاً من "تمرير الماوس" وإخراج الماوس"، واستخدام العلامة النجمية في محدد السمات:

مثال:

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