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 mitshow()/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.
Du musst angemeldet sein, um einen Kommentar abzugeben.
John Koerner code:
Ihre event-handler-war nicht richtig befestigt.
Können Sie tun, wie Sie dies auch, indem Sie mit dem Klassennamen
Sind wir alle ein wenig ratlos, was Sie Lesen, wie Sie das jQuery -
.css
Funktion aber nicht.show()
,hide()
oderattr()
. Für was es Wert ist, hier ist der link zu der Funktion zum ausblenden der Seite. JQuery ist die Antwort. Ich kann nicht denken, ein Grund, es nicht zu benutzen überall.Ich denke, was Sie versuchen zu tun ist:
display
css und nicht eine attr. es ist auch ratsam zu zitieren, den Wert in ein Attribut-Selektor.show()
und.hide()
; ich habe Sie statt.