last day (14 days later) » 

11:41
0
Q: Hover action on bootstrap navigation

dennis schützI have the issue that i have to open my menu in an already exsting website by hover on the bootstrap system. I cant even find the js for the already programmed clicked events. Thats the button to open the navigation <button class="navbar-toggle collapsed" data-target="#main-nav" data-toggle="co...

Hey Dennis, I hardly understand your problem: you just want to open a menu when hovering a button? Can you give us a link to the website?
yes i want to open the menu whem hovering the button, but also the click event. and the website isnt online yet
But you actually know how to use jQuery hover event? Something like $('button.navbar-toggle').on('hover', function(){ // somethings happening here })
yep. but i think im getting in conflict with the other bootstrap events.
I'd love to see an example of this and to better understand you... too bad it's not online yet. Maybe quickly recreate in jsfiddle?
11:41
dont know if it would be legal to share the code :P since its a project for a company im workin for. maybe i can give u the acces to the website in private
Hey, so I guess you are from Europe, probably Germany or Austria?
deutschland
11:54
Dann schlage ich vor, das wir das mal kurz auf deutsch machen. Falls ich dein Problem lösen kann schreibe ich die Antwort auf englisch unter die Frage.
Also ich denke am besten ist es, wenn du wirklich nochmal ziemlich ausführlich das Problem schilderst: Du hast eine Webseite. Dort ist Bootstrap integriert, und eine Navigation, welche Bootstrap verwendet, soviel dazu. Und jetzt erklär es mal weiter :)
ich habe halt einen Button der bei klick ein slide down menü öffnet. allerdings brauche ich halt dazu noch die funktion das dieser button sich genau so verhält wie beim klick wenn ich nur darüber hover.
wenn ich jetzt im css einfach nur alles auf display mache habe ich dann ntürlich nicht die animationen von bootstrap die es sliden lassen
12:13
habe gehofft wenn ich die dropdown klassen von bootstrap hinzufüge macht er es halt 'automatisch' aber so einfach wars auch nicht
Ja, verstehe ich. Versuche grade eine Lösung mit hover und trigger click, aber das scheint Bootstrap zu unterbinden
Ok, er kam mit dem 'hover' nicht zurecht (??)
Du willst, das beim hovern das Ding aufslidet? Und wenn man den Button wieder "verlässt" passiert nichts schätze ich?
ok also folgenden Code hab ich grad bei einer Bootstrap demo getestet
$('button.navbar-toggle.collapsed').on('mouseenter', function(){$('button.navbar-toggle.collapsed').trigger('click');})
das wäre der button für das Menü, wenn man es bspw. am Handy öffnen möchte
am Handy geht hover logischerweise nicht; gibts ja nicht.
ich will nicht sagen das du mir soebend den allerwertesten gerettet hast.... aber ich habe das gefühl ich muss dich bezahlen :D
12:28
Würde mich eher interessieren, warum du das so überhaupt brauchst. Ich schreib die Antwort mal unter die Frage :P
hab ich den kunden jetzt nicht direkt gefragt :D
Darf man hier auch Off Topic machen?: Wo kommst denn grob her?
jop, bin seit neustem web entwickler in niedersachsen - osnabrück
Ah ok. Komme aus Nähe HD. Merk dir, das man - im Notfall - fast alles mit jQuery machen kann. :D Ich weiß nicht ob die Lösung jetzt perfekt ist, aber wenn sie das liefert was du brauchst dann setz sie ruhig ein.
sie ist sogar perfekt. ich war auch dabei mittels jq das ab zu ändern allerdings habe ich nur klassen geaddet und removed. wusste nicht das man den 'click' triggern kann.
12:37
Mir hat sich, als ich das irgendwann mal gesehen habe, eine neue Welt eröffnet lol. Naja, wie auch immer. Danke für die Punkte und vielleicht bis bald
jap. danke nochmal.

last day (14 days later) »