Jquery-ähnliches und ungleiches Plugin

Mit dem Aufstieg der sozialen Medien sind Likes zu einem wichtigen kulturellen Phänomen in der heutigen Online-Kultur und zu einem notwendigen Werkzeug für Menschen im Ausdrucks- und Kommunikationsprozess geworden. Ob auf Weibo, Instagram oder Facebook: Likes sind eine einfache und effektive Möglichkeit, Ihre Vorlieben, Emotionen und Einstellungen auszudrücken. In diesem Zusammenhang sind jQuery-ähnliche und ungleiche Plug-Ins zu einem der unverzichtbaren Tools für Entwickler geworden. Dieses Plugin ermöglicht es Entwicklern, Likes und Likes auf Seiten auf einfache und skalierbare Weise zu implementieren. 1. Einführung in das Plug-in die Leistung und Geschwindigkeit der Seite.

Einfach: Das Plug-in ist einfach zu verwenden. Fügen Sie einfach die Plug-in-Codedatei ein und verwenden Sie den jQuery-Selektor, um die Elemente auszuwählen, die Funktionen mögen und nicht mögen.

Skalierbarkeit: Das Plug-in unterstützt eine benutzerdefinierte Konfiguration und kann entsprechend den tatsächlichen Anforderungen erweitert und geändert werden.

Kompatibilität: Das Plug-in unterstützt gängige Browser und unterstützt jQuery für die Arbeit in mehreren Versionen.
2. 2. Plug-in-Verwendung
3. Um dieses jQuery-ähnliche und ungleiche Plug-in zu verwenden, müssen Sie nur auf zwei Dateien in Ihrer HTML-Seite verweisen, eine ist jQuery (die Version muss 1.9 oder höher sein), die andere ist Plug-in-Codedatei. Sie können die Plug-in-Datei von den wichtigsten inländischen Code-Hosting-Plattformen (wie GitHub oder Gitee) herunterladen und wie folgt in Ihre Seite einbinden:

<script src="js/jquery.min.js"></script>
<script src="js/jquery.like-dislike.js"></script>

Nach dem Login kopieren
4. Danach müssen Sie die Like- und Cancel-Punkte auf der HTML-Seite angeben Dies kann wie funktionale Elemente durch jQuery-Selektoren erreicht werden. Sie können beispielsweise eine Schaltfläche zum „Gefällt mir“ und „Gefällt mir“ auswählen:

<button class="like-button">点赞</button>

Nach dem Login kopieren

$(function(){
    $('.like-button').likeDislike({
        reverseMode: true, // 是否启用反转模式
        click: function(like, dislike, event) {
            var value = $(this).attr('value');
            if (value == 'like') {
                var new_value = 'dislike';
            } else {
                var new_value = 'like';
            }
            $(this).attr('value', new_value);
        }
    });
});

reverseMode (Bool-Typ): Der Standardwert ist false. Wenn er auf true gesetzt ist, kehrt das Plugin den Wert um (wandelt den ursprünglichen Wert in den entgegengesetzten Wert um), wenn der Benutzer oder mag Abneigungen).

disabled (Bool-Typ): Der Standardwert ist false. Wenn er auf true gesetzt ist, werden die Schaltflächen „Gefällt mir“ und „Gefällt mir nicht“ deaktiviert.

Verzögerung (int-Typ): Der Standardwert ist 500 und gibt die Zeitverzögerung der Animation an.

click (Funktionstyp): Der Standardwert ist null, legen Sie den Click-Ereignishandler fest.
1. likeClass (String-Typ): Legen Sie die CSS-Kategorie der Schaltfläche „Gefällt mir“ fest.
2. dislikeClass (String-Typ): Legen Sie die CSS-Kategorie der Schaltfläche „Gefällt mir abbrechen“ fest.
3. likeText (String-Typ): Legen Sie den Text des Like-Buttons fest.
4. dislikeText (String-Typ): Legen Sie den Text der Schaltfläche „Gefällt mir abbrechen“ fest.
6. Die oben genannten Optionen sind konfigurierbare Optionen für das Plug-in und können je nach Bedarf geändert und erweitert werden.
7. 5. Zusammenfassung
8. Dieser Artikel stellt ein einfaches und praktisches jQuery-Plug-in vor. Dieses Plug-in ermöglicht es Entwicklern, Like- und Like-Funktionen schnell und effektiv zu implementieren. Dieses Plugin verwendet jQuery-Selektoren, um Elemente auf der Seite zu finden und ähnliche und ungleiche Aktionen für diese Elemente auszuführen. Darüber hinaus unterstützt dieses Plugin auch erweiterbare Konfigurationsmöglichkeiten, die entsprechend den Bedürfnissen der Entwickler geändert und erweitert werden können. Dieses einfache und praktische Plug-in wird das Benutzererlebnis weiter verbessern, die Interaktivität verbessern und Ihre Websites und Anwendungen attraktiver machen.

Das obige ist der detaillierte Inhalt vonJquery-ähnliches und ungleiches Plugin. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!