Ich habe diesen Code:jquery Mouseover Frage
$("div[id^='intCell']").mouseover(function() {
$(this).css({ "border:","1px solid #ff097c"});
}).mouseout(function() {
$(this).css({"border:","1px solid #000"});
})
Aber ich kann es nicht an die Arbeit! In der html gibt es eine Liste von divs, die von PHP erzeugt werden, um ids von intCell_1, intCell_2 etc. zu haben. Irgendwelche Ideen?
Die CSS-Objektliteralsyntax ist falsch!
Es sollte sein:
$("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
})
Arbeitsprobe: http://jsbin.com/iyoba (Editierbare über http://jsbin.com/iyoba/edit)
danke Brianpeiris, ich habe den Code aus dem Beispiel kopiert, das Sie genau eingerichtet haben, aber es funktioniert immer noch nicht für mich. Die einzige andere Sache, die mir einfällt, ist, dass die divs von einem PHP-Skript erzeugt werden, das ich über einen require_once-Befehl in die Seite einfüge. Könnte das etwas bewirken? – musoNic80
Es sollte es nicht beeinflussen. Solange die Divs in der Quelle sind, sobald der Browser sie empfängt, sollte es funktionieren. Stellen Sie sicher, dass Sie den Code in einem "Dokument bereit" -Wrapper wie folgt platzieren: $ (Dokument) .ready (function() {/ * Ihr Code sollte hier gehen * /}) Wenn Sie uns einige davon zeigen könnten Ihrem HTML-Quellcode wäre es einfacher, Ihnen zu helfen. (Vielleicht könnten Sie das Problem auf jsbin.com neu erstellen und dann die öffentliche URL mit uns teilen) – brianpeiris
http://jsbin.com/uzawo – musoNic80
AKTUALISIERT:
Sie den Befehl "schweben" anstelle von "Mouseover" verwenden können und mouseout“, und verwenden Sie das Sternchen im Attributselektor:
Beispiel:
$("div[id*='intCell']").hover(function() {
$(this).css({border:"1px solid #ff097c"});
},
function() {
$(this).css({border:"1px solid #000000"});
});
Ihr Code sieht Sounds. Hast du versucht console.log ($ (this)); in Ihrer Mouseover-Funktion, um zu sehen, ob das Objekt auf der Maus verschoben wurde? –
Es scheint, dass das Problem in der Css-Literal wie Brianpeiris sagte, aber den Hover-Befehl statt Mouseover und Mouseout verwenden. –
Können Sie mir erklären, wie ich das machen würde, Mike? Ich habe die drei Antworten ausprobiert und ich fürchte, keiner von ihnen hat es funktioniert, obwohl ich sehen kann, woher die verschiedenen Ansätze kommen. – musoNic80