Autor |
Nachricht |
Kash
Threadersteller
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Do 06.11.2008 14:43
Titel jQuery - Hover |
|
|
hallo zusammen,
habe hier ein kleines Problem bei dem ich gerade keine lösung finde.
Es ist so das ich linklisten habe den immer eine überschrift zugeordnet ist
|-------------|
Head 1
+ Link1.1
+ Link1.2
Head 2
+ Link2.1
+ Link2.2
|-------------|
jetzt ist es so das diese listen in manchen fällen sehr lang sind.
ich habe mir gedacht das ich es für die übersichtlichkeit so löse das wenn man auf die überschrift klickt das menü eingefahren und ausgefahren werden kann.
das klappt auch soweit
Code: |
$(document).ready(function() {
$("#doit1").click(function(){
if ($("#action1").is(":hidden")) {
$("#action1").slideDown("slow");
} else {
$("#action1").slideUp("slow");
}
});
return true;
});
|
nun ist es so, das es nicht ersichtlich ist das die überschrift ( in einem div untergebracht) anklickbar ist.
da ich ihr selbst nicht das <a> zuweise.
sondern der komplette container soll klickbar sein
ich habe mir gedacht das ich bevor die click-function beginnt folgendes davor schalte
Code: |
$("#doit1").hover(function(){
$(this).css("cursor","pointer");
});
|
nur klappt das nicht. der cursor bleibt gleich.
hat jemand von euch eine idee?
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Do 06.11.2008 14:49
Titel
|
|
|
warum deklarierst du nicht einfach im css für jedes a den pointer?
Code: |
a { cursor: pointer; }
|
|
|
|
|
|
Anzeige
|
|
|
Kash
Threadersteller
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Do 06.11.2008 14:52
Titel
|
|
|
pixelpapst303 hat geschrieben: | warum deklarierst du nicht einfach im css für jedes a den pointer?
Code: |
a { cursor: pointer; }
|
|
es gibt ja kein a
Code: |
<div class="navhead" id="doit1">Head 1</div>
<div id="action1">
<ul>
<li class="aktiv"><a href="#">Link1</a></li>
<li><a href="#">Link2</a></li>
<li><a href="#">Link3</a></li>
</ul>
</div>
|
|
|
|
|
|
Pixelpole
Dabei seit: 25.10.2004
Ort: Trier
Alter: 37
Geschlecht:
|
Verfasst Do 06.11.2008 14:55
Titel
|
|
|
dann setzt du das halt fürs div?
Wieso willst du das unbedingt über jquery machen?
|
|
|
|
|
Kash
Threadersteller
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Do 06.11.2008 14:56
Titel
|
|
|
weil ich übung brauche.und es gern einsetze.
für die divs...hmm, gute idee.
mittels jQuery nicht lösbar?
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Do 06.11.2008 15:00
Titel
|
|
|
ups, sorry. da hab ich mich verlesen...
übung schön und gut. aber sollte man nicht auch üben, schwachsinn zu vermeiden??
warum eine externe library mit fünf zeilen code anschmeißen, wenn es mit css gelöst is?
ok, beim div haste das problem, dass du das whatever:hover brauchst, aber was spricht gegen:
Code: |
<div id="doit1"><a>Menüpunkt</a></div>
|
css siehe oben
Zuletzt bearbeitet von pixelpapst303 am Do 06.11.2008 15:00, insgesamt 1-mal bearbeitet
|
|
|
|
|
Kash
Threadersteller
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Do 06.11.2008 15:08
Titel
|
|
|
den fadeUp / fadeDown effekt bekommt man mittels CSS nicht realisiert.
und über diesen webauftritt verkaufen wir ein produkt.
da wollen wir auch zeigen was wir können.
was du mit 'schwachsinn vermeiden' meinst, kann ich nicht nachvollziehen, sollte jetzt aber auch nicht mein Problem sein.
es sind nicht nur die 5 zeilen code
der übersichtshalber habe ich es aufs wesentliche hier gekürzt.
naja ich denke der lösungsvorschlag vom polen sagt mir am ehesten zu.
teste das grad mal
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Do 06.11.2008 15:12
Titel
|
|
|
is heute so einer diese tage?
gegen deine slideDown-fancy nummer sag ich doch gar nichts. aber warum willst du die css eigenschaft pointer per jquery an eine id binden? das ist, ich steh dazu, schwachsinn.
und wenn du noch mal genau liest, ... der pole scheints nicht anders zu sehen...
|
|
|
|
|
|
|
|
Ähnliche Themen |
Hover mit JQuery flackert
jQuery hover über größere Grafik
Javascript / jQuery: Menü mit Hover bzw. Touch-Events
hover-Button/hover-Bild wird darunter eingefügt
jquery - hide content in jquery object
jQuery Plugin - Slider als Input wie in jQuery UI
|
|