Erkennung der Breite: Auto in jQuery

Question

Ich bin die Abrufen der Breite von Elementen mit jQuery und würde es bevorzugen, wenn ich eine Angabe haben könnte, ob es eine explizite Breite (und Höhe) angegeben wurde.

Dadurch wird die implizite Breite des div in Bezug auf die Anzahl der Pixel, die es auf dem Bildschirm des Clients belegt, angezeigt. Gibt es eine Möglichkeit, dass, wenn die Breite fehlt oder als width: auto festgelegt ist, dass es mit jQuery überprüft werden kann?

Das heißt, anstelle des obigen Beispiels, das eine ganze Zahl zurückgibt, würde es entweder auto oder undefined zurückgeben. Oder gibt es alternativ eine isAuto Funktion?

Answer 1

Ich glaube nicht, dass es für den Moment möglich ist. Zumindest nicht in einem anderen Browser als IE. IE implementiert element.currentStyle, die Stile darstellt, bei denen sie in der CSS-Datei geschrieben wurden. Auf der anderen Seite implementiert der Rest der Browser window.getComputedStyle, die die berechneten Werte dieser Stile zurückgibt. Das ist, was Sie dort erhalten, ein numerischer Wert anstelle von Auto.

Die einzige Möglichkeit wäre es, CSS-Deklarationen von document.styleSheets zu analysieren.

Referenzen:

• http://msdn.microsoft.com/en-us/library/ms535231(VS.85).aspx
• https://developer.mozilla.org/en/DOM:window.getComputedStyle
• https://developer.mozilla.org/en/CSS/computed_value

Answer 2

Ich bin nicht ganz sicher, ob ich Ihre Frage richtig beantworte, aber wenn Sie width() function verwenden, erhalten Sie eine Ganzzahl, die die gerenderte Breite in Pixeln darstellt.

Answer 3

1. erstellen Funktion
CSS
2. Element ID Pass funktionieren
3. schreiben, einen Fall, wo Aussage über die Breite Eigenschaft des Elements ID

NOTE durchgeführt werden: auf mulitple Elemente zu verwenden wäre weise eine Schleife mit einer Reihe von Elementnamen zu verwenden

Answer 4

$('#test')[0].style.width=="auto" funktionieren sollte: http://jsfiddle.net/KxTLE/ und http://jsfiddle.net/KxTLE/1/

jQuery.fn.isAuto=function() { 
if(this[0]) { 
    var ele=$(this[0]); 
    if(this[0].style.width=='auto' || ele.outerWidth()==ele.parent().width()) { 
     return true; 
    } else { 
     return false; 
    } 
} 
return undefined; 
}; 

und Beispiel Versuchen: http://jsfiddle.net/KxTLE/6/

Answer 5

Soweit ich weiß, gibt es keine native jQuery-Funktion, um automatische Breiten oder Höhen zu erkennen. Also habe ich ein Plugin dafür geschrieben.

$.fn.isAuto = function(dimension){ 
    if (dimension == 'width'){ 
     var originalWidth = this.innerWidth(); 
     var marginLeft = parseInt(this.css('margin-left')); 
     var testMarginWidth = marginLeft+50; 
     this.css('margin-left', testMarginWidth); 
     var newWidth = this.innerWidth(); 
     this.css('margin-left', marginLeft); 
     if(newWidth<originalWidth){ 
      return true;  
     } 
     else{ 
      return false; 
     } 
    } 
    else if(dimension == 'height'){ 
     var originalHeight = this.height(); 
     this.append('<div id="test"></div>'); 
     var testHeight = originalHeight+500; 
     $('#test').css({height: testHeight}); 
     var newHeight = this.height(); 
     $('#test').remove(); 
     if(newHeight>originalHeight){ 
      return true;  
     } 
     else{ 
      return false; 
     } 
    } 
}; 

Ursprünglich hatte ich es geschrieben Höhe zu tun, so dass ich es nur Breite erweitert.Sie nennen es einfach so:

$('#element').isAuto('width'); 

oder

$('#element').isAuto('height'); 

hier ein fiddle ist das Plugin-Funktionalität demonstriert.

Answer 6

Dies wird entweder Zeichenfolge "Auto" oder "180px" auf absolute Werte erhalten.

$('element').prop('style').width 

zur Breite oder

$('element').prop('style').height 

zur Höhe.