Get Margin-links mit jquery funktioniert nicht in Firefox

Der folgende Code funktioniert gut in Chrom, aber nicht in Firefox. Der Alarm zeigt einen korrekten Rand in Chrom, während in Firefox immer 0px angezeigt wird.Get Margin-links mit jquery funktioniert nicht in Firefox

HTML:

<div class="center">14</div>

CSS:

.center { 
    margin: 0 auto; 
    width: 200px; 
    background-color: #ccc; 
}

JQuery: Ich bin mit neuesten jQuery-Bibliothek

$(function(){ 
    var center = $('.center').css('margin-left'); 
    alert(center); 
});

Bitte beachten Sie die jsfiddle in Firefox und Chrome: http://jsfiddle.net/vtbuz/2/

Quelle

2014-01-24 kp singh

Was wird in Chrome angezeigt? – rednaw

Es zeigt den margin-left-Wert in px, aber in Firefox ist es immer 0px http://jsfiddle.net/vtbuz/2/ Siehe diese Geige in Chrome und Firefox –

Bitte posten Sie Ihre Lösung als Antwort auf Ihre eigene Frage und dann akzeptiere es. Dies hilft anderen Lesern und hält die Site zu einer wertvollen Ressource. – rednaw

Es ist eine Lösung:

var center = $('.center').offset().left;

durch diese nutzen wir die richtige linke Position relativ zu dokumentieren erhalten.

Quelle

2014-01-24 09:49:35

ändern margin-left zu marginLeft

working demo

Quelle

2014-01-24 08:25:15

funktioniert nicht in Firefox und Chrome http://jsfiddle.net/vtbuz/2/ –

Versuchen Sie, diese Marge in FF für die Definition: @ -moz-Dokument URL-Präfix() {(CSS-Regeln)}

Quelle

2014-01-24 08:25:35

Retrieval von Stumpfe CSS-Eigenschaften (zB Rand, Hintergrund, Grenze), obwohl mit einigen Browsern funktional, ist nicht garantiert. Zum Beispiel, wenn Sie die gerenderte border-width, Verwendung abzurufen: $ (Elem) CSS- ("borderTopWidth"), $ (Elem) CSS- ("borderBottomWidth" ), und so weiter

http://api.jquery.com/css/

können Sie versuchen,

$('.center').css('marginLeft');

Quelle

2014-01-24 08:25:42

Ich versuchte dies, aber nicht funktioniert http://jsfiddle.net/vtbuz/2/ –

@KrishnaPalSingh Sieht aus wie es funktioniert auf Firefox wenn Sie legen diese Eigenschaft in css .. siehe Demo -> http://jsfiddle.net/vtbuz/7/ –

, aber ich möchte die Center div margin-left-Eigenschaft zu berechnen. –

versuchen folgende

var center = $('.center').css("margin-left" : "200px");

Wenn Sie den Wert von CSS abrufen möchten; Verwenden Sie parseInt() um das Ergebnis, um es in den Zahlenwert umzuwandeln.

var center = parseInt($('.center').css("margin-left"));

Endlösung

Working Demo - http://jsfiddle.net/tsspinal/zVr6W/1/

$(function(){ 
    var center = $('.center').css('marginLeft'); 
    alert(center); 
    var left = ((parseInt($(window).width() - $('.center').width())/2)-8 + "px"); 
    alert(left); 
});

Quelle

2014-01-24 08:25:49

Ich versuche, die margin-left -Eigenschaft mit jQuery nicht zu setzen. –

Redigierte meine Antwort. Ich hoffe, das wird helfen –

Mann, sehe meinen Code ParseInt geben nur 0 statt off 0px. Siehe die Geige –

Es ist ein Fehler in Firefox, so kann man leider nicht, es zur Zeit beheben.
Firefox gibt 0px statt der gewünschten Ausgabe zurück.

http://bugs.jquery.com/ticket/11110
https://bugzilla.mozilla.org/show_bug.cgi?id=381328

Quelle

2014-01-24 08:56:10 chrona

Danke, dass du mich auf dem Laufenden hältst. –