Wenn ich 2 Upvote/Downvote-Taste, dann nur die 1. Schaltfläche funktioniert. Überprüfen Sie this. Weiß jemand, wie man es repariert?Nur 1 Upvote/Downvote-Taste funktionieren
Antwort
Sie haben buttons
die gleiche id
angegeben, während die id
jedes Elements eindeutig sein muss.
können Sie einen class
verwenden, um die click
Ereignis und finden Sie die jeweiligen span
und zählen die Stimmen und zeigen Anzahl der Stimmen in diesem span
zu binden.
Auch Sie haben nur einen Zähler. Ich bin mir nicht sicher, aber ich denke, wenn es zwei getrennte Knöpfe gibt, sollte es auch zwei Zähler geben.
$(".buttonup").click(function() {
var vote = checkIfUserVoted() != votePlus ? votePlus : counter;
localStorage.setItem("voted", vote);
$(this).next().text(vote);
});
ist hier downvote Button-Code
$(".buttondw").on('click', function() {
var vote = checkIfUserVoted() != voteMinus ? voteMinus : counter;
localStorage.setItem("voted", vote);
$(this).prev().text(vote);
});
Ist die gleiche 'ID' das einzige Problem mit diesem Code? –
Also sollte ich eine eindeutige ID für jede Schaltfläche erstellen? und fügen Sie ein weiteres Javascript für jede Schaltfläche hinzu? Ist das was du meinst? Tut mir leid, ich bin Neuling Javascripter. –
@tehkc können Sie entweder jeder Taste eindeutige ID zuweisen oder nur den Code, den ich zur Verfügung gestellt habe. – Mairaj
Here eine Arbeitsversion ist. Sie müssen verschiedene IDs und Handler für die beiden Abschnitte verwenden ...
Meine Website wird 1000 Abstimmungsknöpfe haben.Dies macht das Skript lang :(Irgendeine andere Lösung? –
- 1. Distinct Nur 1 Spalte
- 2. Tkinter-Tasten funktionieren nur einmal
- 3. Zeigt nur 1 toastr
- 4. jquery Auslöser (‚Klick‘) funktionieren nur einmal
- 5. Owl Carousel - nur scrollt 1 Tab
- 6. python: Erhalten nur 1 Dezimalstelle
- 7. nur 1 Datensatz wird eingefügt
- 8. Abfrage nur 1 Datensatz zurücksenden
- 9. Firefox Drucken nur 1. Seite
- 10. ASP.NET MVC2 Routing IIS6 - nur Standardrouten funktionieren
- 11. php mysql Zeitstempel funktionieren nur auf Update
- 12. Chrome-Cursor-Eigenschaften funktionieren nur am Objektrand?
- 13. HTML5 WebSockets funktionieren nur für Localhost
- 14. Bootstrap Umschaltbare Registerkarten funktionieren nur einmal?
- 15. nur 1 Fehlermeldung: 1d 1 Exit-Status zurück, C++
- 16. Aufruf von 2 Konsolenanwendungen von 1 mit nur 1 .exe
- 17. Python HDFS Snakebite: Methoden funktionieren nur mit Druck
- 18. Durchschnitt basierend auf nur 1 Zahl berechnen
- 19. Gulp 4 Uhr läuft nur 1 Mal
- 20. Python-Wörterbuch nur 1 Eintrag zurückgeben?
- 21. Browser-Verbindungen auf nur 1 persistent beschränken
- 22. JFormattedTextFiled-Limit nur auf 0 oder 1
- 23. Nur 1 von 2 Swing-Kontrollkästchen aktivieren
- 24. Nur für 1. DB-Anruf zurückgegebene Daten
- 25. Erlaube nur 1 Wert pro Tastendruck
- 26. Adjust Marge in nur 1 Div
- 27. Parse Xml gibt nur 1 Element zurück
- 28. split() funktioniert nicht mit nur 1 Wert
- 29. MySql gibt nur 1 Ergebnis in php
- 30. SQL Join nur 1 Zeile zurückgeben
doppelte 'ID's sind ein Nein Nein. – BenG
Bitte fügen Sie Ihre HTML/JS/CSS der SO-Frage das nächste Mal hinzu, da externe Links kommen und gehen können (sie funktionieren möglicherweise in Zukunft nicht mehr). –
Sie haben auch nur einen "Speicher", also würde es immer noch nicht funktionieren, selbst wenn Sie das 'id' Problem behoben haben. –