jquery Hover und verschachtelte Listen

Question

Ich brauche wirklich jemandes Hilfe.

das ist, was ich versuche, auf dem ‚Monat, Tag und Info‘ zu tun .. http://www.chohoh.com/pcs/hoverthing.html

jetzt muss ich die Schriftart ändern, um #fff, wenn Sie über das Element schweben.

Leute geben mir immer Hinweise. "Kind" Ich habe gegoogelt (Kind, Jquery, Hover) und ich finde nichts im Zusammenhang mit dem, was ich suche. Es gibt auch keine guten Erklärungen, wie dies zu tun ist.

jede Hilfe, Beratung wird geschätzt !!! hoffen, bald von jemandem zu hören

-LB

Answer 1

Unter der Annahme, dass der Monat, Tag und Informationen in separaten TDs sind, können Sie einfach diese zu Ihrem CSS hinzufügen:

td:hover { 
    color: #fff; 
} 

Keine jQuery benötigt.

Answer 2

Fräulein chohoh,

Wie bei meiner anderen Antwort, müssen Sie die auf schweben Aktion hinzuzufügen.
Ich lief den folgenden Code in Firebug und es funktioniert in mindestens Firefox.

Es wählt alle Elemente mit der richtigen Klasse aus und fügt dann allen die Hover-Aktion hinzu.

$.each(
     // The group of objects to modify, all objects of class .tik-date and type <p> 
     $(".tik-date p"), 
     function() {   // The function to run on all the objects in the first argument 
      $(this).hover( 
       function() { // The first function is run when the mouse hovers 
       $(this).css("color","#fff"); // Modify the CSS "color" attribute 
       }, 
       function() { // The second function is run when the mouse moves away. 
       $(this).css("color","#000"); 
       } 
      ) 
     } 
); 

Das ist, was ich denke, Sie für IE6 tun möchten?

$.each(
     // The group of objects to modify, all objects of class .tik-date and type <p> 
     $("ul.tikt-txt"), 
     function() {   // The function to run on all the objects in the first argument 
      $(this).hover( 
       function() { // The first function is run when the mouse hovers 
       $(this).css("background-image","url(\"images/buytiks.png\")"); 
       }, 
       function() { // The second function is run when the mouse moves away. 
       $(this).css("background-image",""); 
       } 
      ) 
     } 
); 

Answer 3

Ich fand es heraus.

Es war genau so, wie ich Dinge bestellt habe. Ich habs!!!

Hoffe das hilft jemand anderen in der Zukunft.

http://www.chohoh.com/pcs/jquery.hover.example.html

Answer 4

ich diese Art von Code immer verwendet:

$('tr, div, span').hover.... 

:

$('tr').hover(function(){ // replace tr with ANY tag you want. 
$(this).addClass('hover'); 
}, function(){ 
$(this).removeClass('hover'); 
}); 

Wenn Sie schweben auf mehr hinzufügen möchten als einmal Element, ein Array-Selektor verwenden können Natürlich können Sie in css dies tun:

1) Verwenden Sie ein separates Stylesheet f oder IE6 (und binden diese Hover-Funktion NUR für IE6)

2) verwenden .hover (statt: Hover) überall wo Sie es brauchen. Sie sollten jedoch berücksichtigen, dass Sie möglicherweise Leistungsverluste haben, wenn Sie diesen Weg gehen.

statt:

tr:hover td {background:red} 

haben Sie:

tr.hover td, 
tr:hover td {background:red}