Bagaimanakah Saya Boleh Mencapai Kefungsian `.hide()` jQuery Tanpa Menjejaskan Dimensi Elemen?

Mencari Alternatif kepada .hide() jQuery untuk Keterlihatan: Tersembunyi

Dalam jQuery, pembangun mempunyai kemudahan menggunakan .hide() dan .show() untuk memanipulasi keterlihatan elemen dengan menetapkan sifat paparan CSS kepada tiada. Walau bagaimanapun, apabila timbul keperluan untuk menetapkan keterlihatan elemen kepada tersembunyi tanpa mengubah dimensi elemen, mencari fungsi yang setara seperti .hide() boleh menimbulkan cabaran.

Pembangunan Plugin Tersuai

Satu pendekatan ialah mencipta pemalam jQuery tersuai yang menyediakan fungsi yang diingini. Contoh kod berikut menunjukkan penciptaan tiga pemalam:

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';
    });
};

Dengan pemalam ini, anda boleh menggunakan fungsi extended visible(), invisible() dan visibilityToggle() untuk mengawal terus keterlihatan elemen tanpa mengubah suainya. saiz fizikal.

Melebihi togol jQuery Asal() Fungsi

Bagi mereka yang lebih suka pendekatan yang lebih biasa, adalah mungkin untuk melebihkan fungsi toggle() jQuery sedia ada untuk mengendalikan togol keterlihatan. Satu kaedah ialah:

!(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);

Walau bagaimanapun, pendekatan ini tidak disyorkan kerana ia mengubah suai fungsi togol() asal.

Akhirnya, sama ada anda memilih untuk mencipta pemalam anda sendiri atau melebihkan togol () fungsi, penyelesaian yang disediakan menawarkan fungsi yang setara dengan .hide() jQuery untuk mengubah suai keterlihatan elemen melalui keterlihatan harta benda.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencapai Kefungsian `.hide()` jQuery Tanpa Menjejaskan Dimensi Elemen?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!