получить маржу слева, используя jquery, не работающий в firefox

Код ниже работает в хром, но не в firefox. предупреждение показывает правильный запас в хроме, в то время как в firefox он всегда показывает 0px.получить маржу слева, используя jquery, не работающий в firefox

HTML:

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

CSS:

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

JQuery: Я использую последний JQuery библиотеки

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

Пожалуйста, смотрите jsfiddle в обоих светлячок и хром: http://jsfiddle.net/vtbuz/2/

источник

2014-01-24 kp singh

Что отображается в Chrome? – rednaw

Он показывает значение margin-left в px, но в firefox это всегда 0px http://jsfiddle.net/vtbuz/2/ см. Эту скрипту как в Chrome, так и в firefox –

Пожалуйста, разместите свое решение в качестве ответа на свой вопрос и затем принять его. Это помогает другим читателям и держит сайт ценным ресурсом. – rednaw

Это решение:

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

с помощью этого мы можем получить правильное левое положение по отношению к документу.

источник

2014-01-24 09:49:35

Изменение margin-left в marginLeft

working demo

источник

2014-01-24 08:25:15

не работает см. Это в firefox и chrome http://jsfiddle.net/vtbuz/2/ –

Попробуйте для определения запаса в FF: @ -moz-документ URL-префикс() {(правила CSS)}

источник

2014-01-24 08:25:35

извлечение стенографические свойства CSS (например, margin, background, ), хотя и не работают с некоторыми браузерами. Например, если вы хотите получить обработанные границы ширину, использование: $ (эль) .css ("borderTopWidth"), $ (эль) .css ("borderBottomWidth" ), и так далее

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

Вы можете попробовать

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

источник

2014-01-24 08:25:42

Я пробовал это, но не работал http://jsfiddle.net/vtbuz/2/ –

@KrishnaPalSingh Похоже, что работа работает на firefox if вы установили это свойство в css .. см. demo -> http://jsfiddle.net/vtbuz/7/ –

, но я хочу рассчитать свойство div margin-left. –

Попробуйте следующие

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

Если вы хотите получить значение css; используйте parseInt() вокруг результата, чтобы включить его в числовое значение.

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

Окончательное решение

Рабочая Демо - 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); 
});

источник

2014-01-24 08:25:49

Я пытаюсь получить свойство margin-left, используя jquery, не хочу его устанавливать. –

Отредактировал свой ответ. Надеюсь, что поможет –

чувак, см. Мой код parseInt только дать 0 вместо 0px. см. скрипку –

Это ошибка в Firefox, так что, к сожалению, вы не можете исправить его в данный момент.
Firefox возвращает 0px вместо желаемого результата.

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

источник

2014-01-24 08:56:10 chrona

Спасибо, что обновил меня на этом. –