jQuery Bild Fade funktioniert nicht aus unbekannten Gründen ...?

Gerade als ich dachte, ich wäre für die Nacht fertig, ein anderes Thema hält mich wach.jQuery Bild Fade funktioniert nicht aus unbekannten Gründen ...?

Es scheint, dass ich irgendwie die Verblassung gebrochen habe, die ich auf meinen Thumbnails verwendete. Wenn du hier gehst: http://ftfranes.com/mliad2/ Wenn du mit der Maus über die Miniaturansichten gehst, sollte es eingeblendet werden.

Um Ihnen eine Idee zu geben, ist dies eine funktionierende Version des Skripts: http://nothingcantuochme.com/stackoverflow.php#download_page Wie Sie sehen können, funktioniert der Hover gut mit der Fade. Und bitte beachten Sie die Unordnung in diesem, ich habe es nur hinzugefügt, um zu demonstrieren.

Gibt es jemanden, der mir bei der Lösung dieses Problems behilflich sein kann? Ich würde lügen, wenn ich dir sagen würde, dass ich nicht völlig verloren war.

Quelle

2012-04-03 Henrik Petterson

Dieses Skript ist Sparta. Können Sie den Codeabschnitt angeben, der funktionieren sollte? – keystorm

Sie müssen bestimmten Code, der nicht funktioniert, sowie die Links -> niemand will durch ein ganzes Skript waten bereitstellen. – ahren

Das Problem hier ist, dass ich nicht weiß, welchen Teil des Codes, der es nicht funktioniert, weshalb ich auf die Website selbst verweisen. Ich habe den Code, der sich auf das Fade bezog, nicht geändert, um es kaputt zu machen. Meine einzige Vermutung ist, dass jemand anderes in der Quelle es nicht laufen lässt ...? –

$(function() { 
    // JUST CHANGE THE SELECTOR 
    // MAY NEED TO REFINE IF IT AFFECTS OTHER ELEMENTS 
    $('.image > a').each(function() { 
    /*$(this).append('<div style="position:absolute; top:5px; left:5px; width:200px; height:150px; background:red;"></div>');*/ 
     $(this).hover(function(){ 
      $(this).find('img').stop().animate({ 
       opacity: 0.8 
      }) 
     },function(){ 

      $(this).find('img').stop().animate({ 
       opacity: 1 
      }) 
     }); 
    }); 
});

Quelle

2012-04-03 23:28:52 cha55son

Können Sie bitte näher auf Ihre Antwort eingehen? Was stelle ich mit diesem Code ein? –

Verstanden, Prost Kumpel! –

In Ihrem Skript.js-Datei, wo ich dieses Snippet gezogen habe, der ursprüngliche Selektor für jede Funktion ist "a.zoom, a.vimeo, a.youtube, a.vimeo_final, a.vimeo_nothingcan, a.vimeo_themob, a.vimeo_nothingcanteaser, a.vimeo_forevigt, a.vimeo_skellhell, a.vimeo_skellhell2, a.vimeo_sneblind, a.vimeo_etttva, a.vimeo_hastutan ". Anstatt das obengenannte zu tun, ändern Sie einfach den Selektor zu ".image> a". Es ist sauberer und Sie müssen nicht jedes Mal einen neuen Selektor hinzufügen, wenn Sie ein neues Bild hinzufügen möchten. – cha55son

Meine Idee, Javascript wird mitten in der Verarbeitung gestoppt. Überprüfen Sie Ihre Debug-Konsole.

Fehler: abgefangene Ausnahme: Fehler: Die Erlaubnis für http://www.facebook.com verweigert Eigenschaft Proxy.InstallTrigger

Wenn Ihr fadeout Skript nach diesem Code zu bekommen, wird das Skript nicht funktioniert.

Quelle

2012-04-03 23:26:11 caoglish

Der Fade-Effekt sollte vor dem Facebook-Code ausgeführt werden, daher sollte es funktionieren, wenn ich mich nicht irre? Gibt es trotzdem, dass Sie Ihre Theorie bestätigen können? –

Okay, soweit ich das beurteilen kann, ist das Problem hier.

<a href="http://vimeo.com/24849072" class="vimeo_nothingcan"> <img alt="" src="images/nothingcan.png"> </a>

Die Klassen Ihres Links sind falsch benannt. In der Datei script.js wird angegeben, dass die Klasse vimeo, youtube zoom usw. sein muss. Sie müssen Ihre Klasse ohne Unterstrich in "vimeo nothingcan" umbenennen.

prüfen Linie 680 von script.js

Die Funktion, die Sie in einem Kommentar erwähnt, wird auf das Ereignis gesetzt „Onclick.“ Sie müssen die Funktion in 680 bearbeiten, die mit "Hover" verbunden ist.

Quelle

2012-04-03 23:30:42

Nein, das ist falsch, wenn Sie in der Datei script.js suchen, finden Sie die "vimeo_nothingcan". Irgendwelche anderen Ideen? –

Ich habe gerade meine Antwort bearbeitet. Überprüfen Sie Zeile 680 Ihres Skripts. –

Können Sie mir bitte sagen, was die Zeile enthält, damit ich suchen kann? Mein Texteditor zeigt leider keine Zeilennummern an ... –

Selector in 678 von script.js:

$('a.zoom, a.vimeo, a.youtube, a.vimeo_final')

Aber in Ihrer Seite, die Klasse ist a.vimeo_nothingcan

Versuchen fügte hinzu: "a.vimeo_nothingcan" an den Wähler in dieser Zeile:

$('a.zoom, a.vimeo, a.youtube, a.vimeo_final,a.vimeo_nothingcan')

Quelle

2012-04-03 23:46:42 caoglish

jQuery Bild Fade funktioniert nicht aus unbekannten Gründen ...?

Antwort

Verwandte Themen