jQuery margin слева в зависимости от ширины элемента

Question

Я хочу применить стиль CSS, используя jquery, к элементу с фиксированной шириной.

Я хочу, чтобы его крайность была (минус) шириной элемента делением на два.

Как я могу это сделать?

это CSS:

.top_middle{ 
    width: 33%; 
    overflow: hidden; 
    height: 49%; 
    position: absolute; 
} 

Я пытался что-то вроде этого, но это не распространяется работа:

var width = $('.top_middle').width() 

    $('.top_middle').css(function(){ 
     'margin-left' : - "width"/2 
    }) 

Answer 1

В функции вы иметь ширину в «» знаков, что означает это будет запускаться как строка, не подбирать переменную try

Редактировать: Ваша функция кажется неправильной для синтаксиса jquery try

var width = $('.top_middle').width()/2; 
$('.top_middle').css('margin-left',-width); 

Смотрите пример здесь http://jsfiddle.net/domjgreen/ydEwx/2/

Answer 2

В своем коде вы пытаетесь разделить строку «ширину» на 2, который является не то, что вы хотите. Вы хотите, чтобы разделить переменную ширину на 2, как это:

$('.top_middle').css({ 
    marginLeft : - (width/2) + 'px' 
}); 

Также вы передаете функцию CSS(), вы должны передать объект или пару аргументов, соответствующее свойство CSS и значение вы хотите установить для него.

Answer 3

попробовать это

var halfwidth = $('.top_middle').width()/2; 
$('.top_middle').css({'margin-left' : "-" + halfwidth });