erstellen jQuery -Funktionen, um die CSS -Sichtbarkeit zu manipulieren. Gibt es jedoch eine ähnliche Funktion, die die CSS -Sichtbarkeitseigenschaft ausdrücklich auf Hidden festlegt?

Lösung

, während JQuery keine native Funktion spezifisch für die Sichtbarkeit angibt, können Sie leicht Ihre eigene erstellen. Funktionen:

jquery.fn.visible = function () { zurückgeben. CSS ("Sichtbarkeit", "sichtbar"); }; jQuery.fn.invisible = function () { zurückgeben. CSS ("Sichtbarkeit", "versteckt"); }; jQuery.fn.visibilityToggle = function () { Geben Sie dies zurück.css ("Sichtbarkeit", Funktion (i, Sichtbarkeit) { return (Sichtbarkeit == 'sichtbar')? 'versteckt': 'sichtbar'; }); };

Beispielnutzung:

jQuery.fn.visible = function() {
    return this.css('visibility', 'visible');
};

jQuery.fn.invisible = function() {
    return this.css('visibility', 'hidden');
};

jQuery.fn.visibilityToggle = function() {
    return this.css('visibility', function(i, visibility) {
        return (visibility == 'visible') ? 'hidden' : 'visible';
    });
};

Überlastung der nativen Toggle () -Funktion (nicht empfohlen):

$('#element').visible(); // Makes element visible
$('#element').invisible(); // Makes element invisible
$('#element').visibilityToggle(); // Toggles visibility

Dadurch können Sie Toggle ('Sichtbarkeit') als Abkürzung zum Umschalten der Sichtbarkeit verwenden. Dies wird jedoch im Allgemeinen nicht empfohlen, da es das Standardverhalten von Toggle () in anderen Kontexten überschreiben kann.

!(function($) {
    var toggle = $.fn.toggle;
    $.fn.toggle = function() {
        var args = $.makeArray(arguments),
            lastArg = args.pop();

        if (lastArg == 'visibility') {
            return this.visibilityToggle();
        }

        return toggle.apply(this, arguments);
    };
})(jQuery);

https://jsfiddle.net/