Javascript onClick"display: none;" funktioniert nicht

Ich habe ein Bild, dass, wenn Sie klicken, wird diese Funktion ausgeführt wird.

function img(num) {
    var src = "images/main" + num + ".jpg";
    document.getElementById("popover-image").src = src;
    $("#sheet").css("display", "block");
}

Wenn du auf das "X" (Bild), diese Funktion läuft:

function close() {
    $("#sheet").css("display", "none");
}

aber es funktioniert nicht.

Hier ist, wie mein Bild eingestellt ist:

<img src="images/x.png" alt="Exit" onclick="close()" />

  • Wie nennt man diese Funktion? Und warum nutzen Sie nicht .hide() und .show() statt .css() Anrufe? Und warum mischst du Vanille DOM mit jQuery?
  • Warum css wenn Sie können das gleiche tun mit show()/hide()
  • Zeigen, wie das Ereignis wird Hinzugefügt, um die X
  • "aber es funktioniert nicht", toll!
  • Das schließen funktioniert gut für mich. jsfiddle.net/ZMwH6
  • Danke, @JohnKoerner Ihre Methode in der Beurteilung der .click() gearbeitet!
  • Ich nur mischen Sie, weil ich bin sehr neu für JavaScript und jQuery. Das ist alles was ich wissen wie.

InformationsquelleAutor gtr123 | 2013-01-12
Schreibe einen Kommentar