Ich habe eine Anzahl von übergeordneten divs (.parent_div), die jeweils eine untergeordnete div (.hotccontent) enthalten, wo ich Daten aus meiner Datenbank mit einer Schleife ausgabe.
Das Folgende ist mein derzeitiges Markup:
%Vor%Was ich erreichen möchte, ist, wenn ein Benutzer ein Elternteil-div schwebt / überfährt, sollte der Inhalt des Kinddivs, das darin enthalten ist, aufgedeckt werden.
Um dies zu erreichen, habe ich das folgende jQuery-Skript geschrieben, aber es scheint nicht zu funktionieren. Es zeigt nicht einmal die Warnung!
%Vor%Wie kann ich meinen vorhandenen Code ändern oder ersetzen, um die gewünschte Ausgabe zu erreichen?
Wenn du reines CSS willst, kannst du es so machen ....
Im unten stehenden CSS verstecke ich beim Initialisieren / Laden der Seite das untergeordnete Element mit display: none;
und dann mit hover
des übergeordneten Elements, z. B. mit class
parent_div
, ich verwende display: block;
für blende das Element ein.
Dies kann mit reinem css gemacht werden (ich habe ein paar Bits hinzugefügt, um es für das JSFIDDLE ein bisschen besser zu machen):
%Vor%Dadurch wird sichergestellt, dass Ihre Website weiterhin auf die gleiche Weise funktioniert, wenn Benutzer JavaScript deaktiviert haben.
Demonstration: Ссылка
Sie benötigen document.ready
function nicht in document.ready
..
probiere das
aus %Vor% und ja, dein Code wird alle div mit der Klasse hotqcontent
.. (was ich glaube, dass du das nicht brauchst) umschalten, wenn du das bestimmte div umschalten willst, dann benutze this
reference, um das umzuschalten bestimmtes div
aktualisiert
Sie können ein delegiertes Ereignis für dynamisch generierte Elemente verwenden
%Vor%Tags und Links javascript jquery css css-selectors