2011-01-15 4 views
-1
$(document).ready(function() { 
    $('#chekboxes a').click(function(e) { 
     $('.visible').removeClass('visible').addClass('invisible'); 
     var thediv = $(this).attr('href'); 
     $(thediv).removeClass('invisible').addClass('visible'); 
    }) 
}); 

Dieses einfache Bit von jq funktioniert in FF und nicht in Chrome und Safari.jq div Anzeigeskript webkit Ausgaben

Obwohl ich viel google, kann ich nicht sagen, ob es einen Weg gibt, um es in Safari und Chrome funktionieren zu lassen oder nicht.

Kennt jemand eine Lösung oder was ist falsch?

html: html-pastie

Danke, Tom

+2

Bitte geben Sie die relevanten HTML, und was Sie vorhaben zu tun, und was passiert stattdessen. – Phrogz

+2

** Wie funktioniert es nicht? Welcher Teil versagt? Alles unsichtbar machen, alles sichtbar machen, alles? –

+0

Sie können wahrscheinlich mit der Klasse .invisible (außer es erfordert eine eigene CSS), und von Javascript nur überprüfen, ob hasClass ('sichtbar'). sie scheinen logische Komplimente zu sein, was bedeutet, dass du nur einen brauchst. – davin

Antwort

0

Hinweis: Diese Antwort ist ab this revision of the question, die keine HTML oder CSS, mit zu arbeiten bietet. Wenn etwas später geklärt wird, nachdem ich gegangen bin (es ist Nacht hier in Großbritannien), kann das Folgende veraltet sein. Grundsätzlich


, dass Code seems to work wenn wir verschiedene Annahmen über Ihren Markup und Absicht zu machen.

Dies ist ein Gesamt Stab im Dunkeln, aber: Sie verwenden die href eines Ankers direkt als Ihre Selektor für welche div sichtbar machen. Haben Sie den tatsächlichen Wert von Safari und Chrome überprüft? Könnte es sein, dass es sich um eine vollständige URL handelt und nicht (nur) um eine #foo oder ähnliches? Beachten Sie, dass sowohl Safari als auch Chrome über integrierte Entwicklungstools verfügen (möglicherweise müssen Sie sie unter Optionen aktivieren), damit Sie in einem Debugger problemlos durch den Code navigieren und die Werte überprüfen können.

Nun, mein spezifisches Beispiel für die href Wert oben (erwartet nur den Anker und die ganze Sache) ist es nicht nach this quick test, aber der grundlegende Punkt gilt: Schau dir den Wert, den Sie bekommen und Schritt durch der Code, sowohl auf (sagen wir) Firefox (mit Firebug) als auch auf Chrome oder Safari mit Dev Tools.

+0

Das Formular ist nur HTML mit einigen PHP und Daten aus einer einfachen Datenbank gezogen. Das CSS ist nicht komplex - wahrscheinlich klotzgefüllt. Aber nicht kompliziert. Die Jquery ist auch einfach. Ich denke, meine grundlegendste Frage ist, ob es im Prinzip in Webkit-Browsern funktionieren sollte.Danke für deine Antwort übrigens. Tom – Tom

+0

@Tom: * "Das Formular ist nur HTML ... Das CSS ist nicht komplex ..." * Und doch sind sie klar, wo das Problem liegt. Warum zitieren Sie sie nicht in Ihrer Frage? Sie können Ihre Frage bearbeiten - klicken Sie dazu einfach auf den Link ** bearbeiten **. * "Ich schätze, meine grundlegendste Frage ist, ob es im Prinzip in Webkit-Browsern funktionieren sollte" * Ja, sollte es - wenn Sie beispielsweise den Link oben in meiner Antwort in einem WebKit-Browser ausprobieren, funktioniert es. .. Beste, –

+0

Herr oder Frau Crowder - nochmals vielen Dank. viz html und css, ich habe einen Link zum html als Bearbeitung zu OP gelegt. Du Diagnose muss richtig sein, also werde ich wieder dorthin schauen. Das Schlimmste ist: In Chrome bewirkt das Klicken auf das Firebug-Symbol, dass das Skript aktiviert wird, damit es funktioniert. Bizarr. – Tom