Top-Themen

Aktuelle Themen (A bis Z)

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit

Frage Entwicklung JavaScript

GELÖST

JQuery - Tabslider am Seitenrand

Mitglied: ottscho

ottscho (Level 2) - Jetzt verbinden

27.06.2012 um 14:08 Uhr, 3596 Aufrufe, 3 Kommentare

Hallo,

ich habe einen Telefon-Slider, welcher am linken Seitenrand plaziert ist. Fährt man mit der Maus drüber, so slidet dieser etwas nach Rechts. Verlässt man den Bereich, fährt der Slider wieder nach links zurück.

01.
$("#phone-button").hover(function(){ 
02.
		    $("#phone-button").animate({left:'0px'},'slow'); 
03.
		    return false; 
04.
		}); 
05.
 
06.
$("#phone-button").mouseleave(function(){ 
07.
		    $("#phone-button").animate({left:'-271px'},'slow'); 
08.
		    return false; 
09.
		});
Leider ist das Ding etwas zappelig und nervös. Fährt man öfter drauf in sehr kurzen Abständen, so kann es sein, dass der Slider 5 mal hin und her slidet.

Kann ich irgendwie eine Zeitkontrolle einbauen, wenn der Mouseleave Event gestartet wird, dass ab jetzt z.B. der hover Event für 5 Sekunden blockiert ist?

Oder gibt es eine andere Möglichkeit das Problem in den Griff zu bekommen.

Danke für eure Hilfe.

Gruß
ottscho
Mitglied: EvilMoe
27.06.2012, aktualisiert um 15:37 Uhr
Hallo,

wie wäre es mit einer einfach Variable die du setzt wenn es öffnet und die Variable beim schließen überprüfst ob das öffnen schon ganz fertig ist. Das "mouseleave" kannst du dir übrigens schenken, das bietet dir auch schon "hover" an. Ich würde das eventuell so machen, einfach mal probieren:

01.
var complete = true; 
02.
 
03.
$("#phone-button").hover(function() { 
04.
    if (complete === true) {        
05.
        complete = false; 
06.
        $("#phone-button").animate({ left: '0px'}, 'slow', function() { 
07.
            complete = true; 
08.
        }); 
09.
10.
}, function() { 
11.
    $("#phone-button").animate({left: '-271px'}, 'slow'); 
12.
});​
Bitte warten ..
Mitglied: EvilMoe
27.06.2012 um 15:59 Uhr
Da fällt mir gerade ein, "complete = true; " sollte wohl erst gesetzt werden wenn die Animation wieder geschlossen wurde und nicht nachdem öffnen. Wenn mein aber noch auf dem Element ist wird "hover" aber nicht mehrmals aufgerufen und sollte keinen unterschied machen. Besser wäre es wohl aber.
Bitte warten ..
Mitglied: ottscho
27.06.2012 um 17:04 Uhr
danke für den Code. Ich habe diesen nun mal eigebunden. Es scheint ruhiger zu laufen
Bitte warten ..
Ähnliche Inhalte
Server
Fehler in jQuery
Frage von YanmaiServer7 Kommentare

Hallo Leute, ich wollte Daten über jQuery an eine PHP Datei senden, aber es kommt ein Fehler. Egal wie ...

Entwicklung
Mit JQuery Formulardaten senden ohne Seitenaktualisierung
Anleitung von GuenniEntwicklung

Immer öfter äußern Forenuser den Wunsch, Formulardaten zu senden, ohne dass eine Aktualisierung der Seite stattfindet. Da es sich ...

Entwicklung
JQuery sortable mit unterschiedlichen Größen
Frage von dni800Entwicklung8 Kommentare

Hallo, ich bin gerade dabei einen kleinen Web-Konfigurator zu bauen und nutze dazu jQuery (sortable): Nun versuche ich den ...

JavaScript
ProgessCircle in jQuery funktioniert nicht
Frage von YanmaiJavaScript2 Kommentare

Hallo ihr Administratoren, ich möchte in meine Website einen ProgressCircle einbauen, dafür habe ich diesen Code: Und ganz unten ...

Neue Wissensbeiträge
Datenschutz

Teamviewer kommt für IoT-Geräte wie den Raspberry Pi

Information von magicteddy vor 1 StundeDatenschutz

Moin, jetzt werden IoT Geräte endgültig zur Wanze? Anscheinend kann man auf einem Dashboard seine Geräte visualisieren Ich stelle ...

Microsoft

Letzte Updates für Win10 und Server2016 müssen bei Bedarf über den Update catalogue in den WSUS importiert werden!

Tipp von DerWoWusste vor 6 StundenMicrosoft1 Kommentar

automatisch kommt da nichts an im WSUS und auch nicht im SCCM. Siehe Hinweise zum Bezug der jeweils neuesten ...

Linux

Meltdown und Spectre: Linux Update

Information von Frank vor 3 TagenLinux

Meltdown (Variante 3 des Prozessorfehlers) Der Kernel 4.14.13 mit den Page-Table-Isolation-Code (PTI) ist nun für Fedora freigegeben worden. Er ...

Tipps & Tricks

Solutio Charly Updater Fehlermeldung: Das Abgleichen der Dateien in -Pfad- mit dem Datenobject ist fehlgeschlagen

Tipp von StefanKittel vor 3 TagenTipps & Tricks

Hallo, hier einmal als Tipp für alle unter Euch die mit der Zahnarztabrechnungssoftware Charly von Solutio zu tun haben. ...

Heiß diskutierte Inhalte
Netzwerkmanagement
Preis für Wartungsvertrag ok?
Frage von a-za-zNetzwerkmanagement13 Kommentare

Hallo! Mal ne Frage, weil ich mich mit dem akzeptablen Preis für einen Reaktionszeitvertrag nicht auskenne. Meine Firma hat ...

Windows Netzwerk
Ist ein Portforwarding auf einen PC ohne lauschendes Programm ein (großes) Sicherheitsproblem?
Frage von PluwimWindows Netzwerk10 Kommentare

Hallo zusammen, zur Fernwartung eines Rechners an einem anderen Ort nutze ich VNC. Da dieser Rechner einfach nur eine ...

SAN, NAS, DAS
Wer kennt sich mit QNAP und CISCO aus ?
gelöst Frage von MachelloSAN, NAS, DAS10 Kommentare

Hallo Zusammen hier im Forum, Ich habe ein QNas 451+ und dieses NAS hat zwei GBit Lan Adapter die ...

Router & Routing
Firewall Homeoffice
Frage von leon123Router & Routing6 Kommentare

Hallo zusammen, ich möchte meine beiden Rechner von der Firma vom Heimbereich abtrennen. Die Fritzbox kann leider nur den ...