Anzeigen Ausblenden div im Chrome-Erweiterung popup using jQuery

Ich habe versucht, um eine option ein-und ausblenden, (ggf. Umschalten) in meinem browser-action-ohne Erfolg.
Der code unten ist der Körper von meinem popup -

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="popup.js"></script>
<div class="show">
    <a href="#" class="showcontent">Show</a>
    <a href="#" class="hidecontent">Hide</a>
    <div class="somecontent">
        <p>some content<br />
            <a href="#">Link</a><br />
        </p>
    </div>
</div>

Den popup.js die Datei enthält unter anderem:

$(document).ready(function(){
    $(".somecontent").hide();
    $(".showcontent").click(function(){
        $(".somecontent").show();
    });

    $(".hidecontent").click(function(){
        $(".somecontent").hide();
    });
});

Ich glaube das problem ist, dass der Chrome-API-Probleme mit meinem popup.js Datei. Der Körper erscheint in meinem popup-aber das ein-und Ausblenden Aktionen funktionieren nicht. Irgendwelche Ideen, wie diese Arbeit zu machen und wenn nicht, einen anderen Weg das gleiche Ergebnis zu erhalten (sprich: Umschalten auf klicken Sie)?

EDIT: Von der javascript-Konsole, die Fehler, die ich bin immer diese Fehlermeldung:

Uncaught TypeError: Cannot call method 'bereit' null

Welche Punkte auf der Linie des obigen code unter Verwendung der bereit-Funktion.

haben Sie behoben? Ich hatte ähnliche Probleme, die aber behoben durch die Festlegung der Reihenfolge der <script/> Linien aufgetreten, die in das Dokument (css -, jquery-Skript, Skript)

InformationsquelleAutor Guibone | 2010-01-16

  1. 11

    Es ist auch möglich, dass jQuery Konflikt mit etwas anderes auf Ihrer Seite für die Nutzung des $() Funktion. (Ich lief in dieses problem selbst.) Wenn das der Fall ist, die änderung der $() Aufrufe jQuery() sollte das Problem beheben.

    Haha! Erfreut zu hören, dass es geholfen hat, Jon. 🙂
    Tnx für die Antwort das hat mir wirklich geholfen!
    Dies war mein problem auch so danke 😀

    InformationsquelleAutor Sean McMains

  2. 0

    Da Sie weder die Rückgabe von false durch Ihre click-Handler noch aufrufen preventDefault() die Seite erhalten reloaded anklicken und die .somecontent wird wieder ausgeblendet. Ändern Sie Ihre JS zu folgenden:

    $(document).ready(function(){
    $(".somecontent").hide();
    $(".showcontent").click(function(){
        $(".somecontent").show(); return false;
    });

    $(".hidecontent").click(function(){
        $(".somecontent").hide(); return false;
    });
});
    Obwohl, die haben fix einige Fehler, ich bin Links mit diesem: Uncaught TypeError: Cannot call method 'bereit' der null, Die von der jQuery $(document).bereit(Funktion(){... am Anfang meiner popup.js code Cheers.

    InformationsquelleAutor abhaga

  3. 0

    wahrscheinlich popup.js verursacht einen parse/exec Fehler? versuchen zu sehen, ob chrome kann print-Fehler mit:

    JavaScript-Konsole: klicken Sie auf der Seite
    Menü-Symbol und wählen Sie "Developer"
    JavaScript-Konsole. Von hier aus werden Sie
    Lage sein, die Fehler in der
    Ausführung von JavaScript-Code, und geben Sie
    zusätzliche JavaScript-Befehle zu
    ausführen.

    JavaScript-Debugger: lieferbar als Seite
    Menü-Symbol-0-Entwickler - Debugging
    JavaScript wird, stellt der debugger eine
    Eingabeaufforderung aus, die Sie festlegen können
    Haltepunkte, backtrace, und mehr. Geben
    Hilfe bei der debugger-Befehl Linie um
    den Einstieg.

    vom hier

    dass-Fehler, den Sie bekommen könnte passieren, wenn jquery nicht geladen:

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>

<script>alert($(document))</script>

    sollte es popup-Objekt...

    Hier ist, was es ist was mich Uncaught TypeError: Cannot call method 'bereit' der null, Die von der jQuery $(document).bereit(Funktion(){... am Anfang meiner popup.js code vielen Dank für die console Tipp übrigens.
    versuchen Sie die jquery.js alert-Dokument
    Nach dem Versuch, die alert-Dokument, ich nun nur noch diese Fehlermeldung erhalten. "Uncaught TypeError: Cannot call method 'verstecken' von null". Die Warnung aus eine popup-Meldung angezeigt, die null drin.
    wie es scheint, ist nicht das laden von jquery, was ist, wenn Sie versuchen, ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js (die neueste, gehostet von google) als test..?
    Das ist, was ich versucht habe-leider. Die ready-Methode "funktioniert" aber einmal wird es zu "verbergen" oder "anzeigen", es gibt mir Fehler. 🙁

    InformationsquelleAutor jspcal

  4. 0

    Dieser Fehler bedeutet, dass jQuery nicht richtig geladen. Stellen Sie sicher, es heißt jquery.js und gespeichert im root-Ordner.

    InformationsquelleAutor Paul Rosania

  5. 0

    Dein code funktionierte gut für mich. Wie andere gesagt, die Fehler, die Sie bekommen, klingt wie die jquery.js Datei wird nicht gefunden/geladen.
    Dies ist eine lange gedreht, aber wenn du auf Windows überprüfen Sie die Eigenschaften des jquery.js Datei und sehen, ob es eine Entsperren button rechts auf der ersten Registerkarte. Klicken Sie auf es.

    InformationsquelleAutor sergiopereira

  6. 0

    Als es scheint, dass diese alte Frage ist noch nicht beantwortet, ich dachte, ich würde mein Glück versuchen.

    Haben Sie versucht, das herunterladen jquery.js wieder (Datei ist möglicherweise beschädigt). Auch, wenn Sie noch interessiert sind, es zu lösen, können Sie Ihr src für uns irgendwo zu Lesen (wie http://jsfiddle.net/)

    InformationsquelleAutor tutuDajuju

Schreibe einen Kommentar