


So lösen Sie das Problem, dass die Breite und Höhe ausgeblendeter Elemente nicht ermittelt wird
In der tatsächlichen Entwicklung müssen Sie möglicherweise die Breite und Höhe eines ausgeblendeten Elements ermitteln. Das hier erwähnte ausgeblendete Element ist kein Anzeigeelement. In diesem Artikel wird hauptsächlich die Lösung für die Unfähigkeit vorgestellt, die Breite (width) und Höhe (height) des ausgeblendeten Elements (display:none) zu ermitteln, die einen guten Referenzwert haben. Werfen wir einen Blick mit dem folgenden Editor. Ich hoffe, er kann allen helfen.
kann mit dem jQuery Actual Plugin erreicht werden, der Quellcode lautet wie folgt:
;( function ( $ ){ $.fn.addBack = $.fn.addBack || $.fn.andSelf; $.fn.extend({ actual : function ( method, options ){ // check if the jQuery method exist if( !this[ method ]){ throw '$.actual => The jQuery method "' + method + '" you called does not exist'; } var defaults = { absolute : false, clone : false, includeMargin : false, display : 'block' }; var configs = $.extend( defaults, options ); var $target = this.eq( 0 ); var fix, restore; if( configs.clone === true ){ fix = function (){ var style = 'position: absolute !important; top: -1000 !important; '; // this is useful with css3pie $target = $target. clone(). attr( 'style', style ). appendTo( 'body' ); }; restore = function (){ // remove DOM element after getting the width $target.remove(); }; }else{ var tmp = []; var style = ''; var $hidden; fix = function (){ // get all hidden parents $hidden = $target.parents().addBack().filter( ':hidden' ); style += 'visibility: hidden !important; display: ' + configs.display + ' !important; '; if( configs.absolute === true ) style += 'position: absolute !important; '; // save the origin style props // set the hidden el css to be got the actual value later $hidden.each( function (){ // Save original style. If no style was set, attr() returns undefined var $this = $( this ); var thisStyle = $this.attr( 'style' ); tmp.push( thisStyle ); // Retain as much of the original style as possible, if there is one $this.attr( 'style', thisStyle ? thisStyle + ';' + style : style ); }); }; restore = function (){ // restore origin style values $hidden.each( function ( i ){ var $this = $( this ); var _tmp = tmp[ i ]; if( _tmp === undefined ){ $this.removeAttr( 'style' ); }else{ $this.attr( 'style', _tmp ); } }); }; } fix(); // get the actual value with user specific methed // it can be 'width', 'height', 'outerWidth', 'innerWidth'... etc // configs.includeMargin only works for 'outerWidth' and 'outerHeight' var actual = /(outer)/.test( method ) ? $target[ method ]( configs.includeMargin ) : $target[ method ](); restore(); // IMPORTANT, this plugin only return the value of the first element return actual; } }); })(jQuery);
Wenn Sie die modulare Entwicklung unterstützen möchten, können Sie natürlich direkt die von der offiziellen Website heruntergeladene Datei verwenden. Der Quellcode wird ebenfalls veröffentlicht:
;( function ( factory ) { if ( typeof define === 'function' && define.amd ) { // AMD. Register module depending on jQuery using requirejs define. define( ['jquery'], factory ); } else { // No AMD. factory( jQuery ); } }( function ( $ ){ $.fn.addBack = $.fn.addBack || $.fn.andSelf; $.fn.extend({ actual : function ( method, options ){ // check if the jQuery method exist if( !this[ method ]){ throw '$.actual => The jQuery method "' + method + '" you called does not exist'; } var defaults = { absolute : false, clone : false, includeMargin : false, display : 'block' }; var configs = $.extend( defaults, options ); var $target = this.eq( 0 ); var fix, restore; if( configs.clone === true ){ fix = function (){ var style = 'position: absolute !important; top: -1000 !important; '; // this is useful with css3pie $target = $target. clone(). attr( 'style', style ). appendTo( 'body' ); }; restore = function (){ // remove DOM element after getting the width $target.remove(); }; }else{ var tmp = []; var style = ''; var $hidden; fix = function (){ // get all hidden parents $hidden = $target.parents().addBack().filter( ':hidden' ); style += 'visibility: hidden !important; display: ' + configs.display + ' !important; '; if( configs.absolute === true ) style += 'position: absolute !important; '; // save the origin style props // set the hidden el css to be got the actual value later $hidden.each( function (){ // Save original style. If no style was set, attr() returns undefined var $this = $( this ); var thisStyle = $this.attr( 'style' ); tmp.push( thisStyle ); // Retain as much of the original style as possible, if there is one $this.attr( 'style', thisStyle ? thisStyle + ';' + style : style ); }); }; restore = function (){ // restore origin style values $hidden.each( function ( i ){ var $this = $( this ); var _tmp = tmp[ i ]; if( _tmp === undefined ){ $this.removeAttr( 'style' ); }else{ $this.attr( 'style', _tmp ); } }); }; } fix(); // get the actual value with user specific methed // it can be 'width', 'height', 'outerWidth', 'innerWidth'... etc // configs.includeMargin only works for 'outerWidth' and 'outerHeight' var actual = /(outer)/.test( method ) ? $target[ method ]( configs.includeMargin ) : $target[ method ](); restore(); // IMPORTANT, this plugin only return the value of the first element return actual; } }); }));
Codebeispiel:
//get hidden element actual width $('.hidden').actual('width'); //get hidden element actual innerWidth $('.hidden').actual('innerWidth'); //get hidden element actual outerWidth $('.hidden').actual('outerWidth'); //get hidden element actual outerWidth and set the `includeMargin` argument $('.hidden').actual('outerWidth',{includeMargin:true}); //get hidden element actual height $('.hidden').actual('height'); //get hidden element actual innerHeight $('.hidden').actual('innerHeight'); //get hidden element actual outerHeight $('.hidden').actual('outerHeight'); // get hidden element actual outerHeight and set the `includeMargin` argument $('.hidden').actual('outerHeight',{includeMargin:true}); //if the page jumps or blinks, pass a attribute '{ absolute : true }' //be very careful, you might get a wrong result depends on how you makrup your html and css $('.hidden').actual('height',{absolute:true}); // if you use css3pie with a float element // for example a rounded corner navigation menu you can also try to pass a attribute '{ clone : true }' // please see demo/css3pie in action $('.hidden').actual('width',{clone:true});
Verwandte Empfehlungen:
js Ruft die Breite und Höhe versteckter Elemente ab
JQuery-Implementierungscode zur Anzeige versteckte Elemente_jquery
Das obige ist der detaillierte Inhalt vonSo lösen Sie das Problem, dass die Breite und Höhe ausgeblendeter Elemente nicht ermittelt wird. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Heiße Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen



Einige Freunde sind nicht an die Floating-Window-Funktion der Win11-Eingabemethode gewöhnt und es fühlt sich immer seltsam an, diese Floating-Window-Funktion zu deaktivieren. Jetzt werde ich Ihnen die korrekte Bedienungsmethode zum Schließen des Floating-Fensters vorstellen Win11-System. Folgen Sie uns. Win11 verbirgt das schwebende Fenster für die Eingabemethode. 1. Öffnen Sie die Einstellungstaste des Computers und wählen Sie dann „Zeit und Sprache“. Klicken Sie nach der Eingabe auf „Enter“. 2. Suchen Sie unter „Erweiterte Tastatureinstellungen“ nach „Eingabemethode wechseln“ und dann „Desktop-Sprache“ ändern Klicken Sie auf das Häkchen vor „Leiste“ und geben Sie dann „Sprachleistenoptionen“ ein. 3. Nach dem Öffnen klicken wir hier auf „Ausblenden“, um das schwebende Sprachfenster zu schließen.

Wenn wir im Win11-System die Symbole in der Taskleiste als störend empfinden, können wir sie in der Taskleisten-Ecküberlaufoberfläche ausblenden. Die Symbole in der Taskleiste der unten geöffneten Anwendung können jedoch nicht ausgeblendet werden. Werfen wir einen Blick auf die konkrete Situation. So blenden Sie das Win11-Taskleistensymbol aus: 1. Zentrieren Sie das Symbol. 1. Wenn wir das Symbol in der Taskleiste unten ausblenden möchten, können wir zunächst mit der rechten Maustaste klicken, um es auszuwählen, und auf „Von Taskleiste entfernen“ klicken. 2. Wenn wir jedoch öffnen Diese Anwendung und sind dabei, sie zu verwenden, und das ist unmöglich zu verbergen. 2. Symbol in der unteren rechten Ecke 1. Wenn Sie das Anwendungssymbol in der unteren rechten Ecke ausblenden möchten, öffnen Sie zunächst die Systemeinstellungen. 2. Klicken Sie dann in der linken Seitenleiste auf „Personalisierung“, wie im Bild gezeigt. 3. Klicken Sie dann auf , um die Taskleiste auf der rechten Seite aufzurufen

Wie kann man WeChat-Freunde verstecken, ohne sie zu blockieren oder zu löschen? Viele Benutzer möchten einige Freunde ausblenden, wissen aber nicht, wie das geht. Auf dieser Website wird den Benutzern sorgfältig erklärt, wie sie WeChat-Freunde ausblenden können, ohne sie zu blockieren oder zu löschen. Methoden zum Ausblenden von WeChat-Freunden ohne Blockieren oder Löschen Methode 1: 1. Öffnen Sie zunächst die WeChat-Software, suchen Sie das Adressbuch auf der WeChat-Seite und klicken Sie auf „Mein“. 2. Dann betreten wir die Einstellungsseite. 3. Suchen Sie die Option „Datenschutz“ und klicken Sie darauf. 4. Klicken Sie dann auf „Nicht sehen lassen“. 5. Gehen Sie zur Seite „Do Not Let Her View“ und klicken Sie auf „+“, um die Freunde zu markieren, die Sie ausblenden möchten.

In der Douyin-Kurzvideo-App-Software stehen viele kurze Videoarbeiten zur Verfügung. Sie können sie nach Belieben ansehen und sie sind alle dauerhaft kostenlos verfügbar Bieten Sie jedem die zufriedenstellendste Art zuzusehen. Geben Sie Ihr Konto ein, um sich online anzumelden, und es werden verschiedene aufregende Kurzvideos gesendet, die genau auf dem basieren, was jeder jeden Tag sieht. Sie können auch den Live-Übertragungsraum betreten, um mit dem Moderator zu interagieren und zu chatten, damit Sie sich wohl fühlen mehr glücklich. Die von Einzelpersonen hochgeladenen Werke können auch ganz einfach mit einem Klick eingerichtet werden. Wischen Sie nach oben und unten, um die Echtzeit-Kommentare unzähliger Internetnutzer anzuzeigen Jetzt hat der Herausgeber detaillierte Online-Douyin-Kurzvideos veröffentlicht. Benutzer drängen auf Möglichkeiten, persönliche Videoarbeiten zu verbergen. Öffnen Sie zunächst das kurze Douyin-Video

Neben der erstaunlichen Hardware-Ausstattung und den hervorragenden Funktionen verbirgt das Xiaomi Mi 14 auch einen faszinierenden Ort – Smart Island. Hier können Benutzer personalisierte Anpassungen und ein unbegrenztes kreatives Mobiltelefonerlebnis genießen. Aber nicht jedem gefällt diese Funktion. Wie versteckt das Xiaomi Mi 14 Smart Island? Finden wir es gemeinsam heraus. Wie verstecke ich Smart Island auf dem Xiaomi Mi 14? 1. Öffnen Sie die Einstellungsanwendung des Xiaomi 14-Mobiltelefons. 2. Scrollen Sie, um die Option „Funktionen“ zu finden, und klicken Sie zur Eingabe. 3. Suchen Sie auf der Funktionsseite die Option „Smart Island ausblenden“ und aktivieren Sie sie. 4. Nachdem Sie bestätigt haben, dass das Ausblenden des Smart Island aktiviert ist, kehren Sie zum Desktop zurück und Sie werden sehen, dass das Smart Island ausgeblendet wurde.

1. Klicken Sie zunächst auf [+], um zu schießen. 2. Klicken Sie dann auf das Häkchen in der unteren rechten Ecke, um den Abschluss der Aufnahme zu bestätigen. Klicken Sie auf] Weiter[, 3. Klicken Sie auf [Wer kann sehen]. Wählen Sie einfach [Privat] aus. Szenario 2: Die Arbeit wurde übernommen. 1. Klicken Sie auf [Ich] und wählen Sie [Arbeit]. 2. Klicken Sie rechts auf das [drei Punkte]-Logo. 3. Wischen Sie nach links, um [Berechtigungseinstellungen] zu finden. 4. Klicken Sie auf [Als privat festlegen].

Mobiltelefone sind durch die kontinuierliche Weiterentwicklung der Technologie und die Beliebtheit von Smartphones zu einem unverzichtbaren Bestandteil unseres täglichen Lebens geworden. Diese Junk-Dateien nehmen wertvollen Speicherplatz in Anspruch, und im Laufe der Zeit sammelt sich eine große Menge versteckter Junk-Dateien auf dem Telefon an, was jedoch zu einer Verschlechterung der Leistung des Telefons führt. Zu wissen, wie man versteckten Müll auf seinem Telefon gründlich bereinigt, ist für jeden Mobiltelefonbenutzer zu einem unverzichtbaren Wissen geworden. 1. Unnötige Anwendungs-Caches finden und löschen. 2. Anwendungen löschen, die nicht mehr verwendet werden. 3. Foto- und Video-Cache bereinigen. 4. Temporäre Dateien und Download-Ordner vollständig bereinigen. 5. Kontakt- und SMS-Datensätze organisieren und bereinigen. 6. System-Cache bereinigen. 7. Deinstallieren Sie nutzlose Systemanwendungen. 8. Bereinigen Sie den Browser-Cache und -Verlauf. 9. Löschen Sie ungültige Musik- und Audiodateien. 10. Optimieren Sie das Dateisystem Ihres Mobiltelefons

Sie können einige Spiele, die Sie nicht sehen möchten, in Steam ausblenden. Wo sind die versteckten Spiele? Spieler können in der Ansicht auf das versteckte Spiel klicken, um den darin enthaltenen versteckten Spielinhalt zu finden. Diese Einführung zum Auffinden versteckter Spiele auf Steam erklärt Ihnen die spezifische Methode. Im Folgenden finden Sie eine detaillierte Einführung. „Steam-Nutzungsanleitung“ Wo sind die versteckten Spiele in Steam? Antwort: Klicken Sie auf das versteckte Spiel in der Ansicht. Spezifische Methoden: 1. Klicken Sie zunächst auf die Ansicht in der Software und dann auf das versteckte Spiel. 2. Nach dem Klicken sehen Sie links im Menü die versteckten Spiele. So verstecken Sie Spiele: 1. Klicken Sie zunächst auf Ihre Spielebibliothek. 2. Wählen Sie ein Spiel aus, klicken Sie mit der rechten Maustaste und wählen Sie Verwalten. 3. Wählen Sie, ob Sie dieses Spiel ausblenden möchten.
