Изменение поля элемента с Jquery

Question

Итак, у меня есть div с именем $ slideshowContainer в jquery. Я хочу изменить его левое поле при изменении размера, чтобы оно составляло половину его ширины. Я пытался использовать

$slideshowContainer.css('margin-left',' + (' + $slideshowContainer.width() / 2) + 'px)';

и другие подобные варианты, но, похоже, это не работает (другие изменения размера в той же функции работают хорошо, так что я думаю, что-то не так в коде выше. Я думаю, что эти плюсы и апострофы имеют что-то с этим делать, я никогда не понимал, когда вставлять их в Javascript (я обычно чувствовал, когда мне нужно вставить их, но когда я этого не делал, я понятия не имел, что не так)

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

PS: приведенный выше код, конечно, был в функция изменения размера, это не сработало. Просто сказать, что в случае непонятного

Заранее спасибо за помощь

Answer 1

Снимите обтекание (...) вокруг значения вашего пикселя. Существует также синтаксическая ошибка с вашим кодом. Все, что вам нужно, это:

$slideshowContainer.css('margin-left', ($slideshowContainer.width() / 2) + 'px');

Если вы заинтересованы в использовании буквального синтаксиса шаблона ES6 , это делает вещи намного более читабельными:

$slideshowContainer.css('margin-left', `${$slideshowContainer.width() / 2}px`;

Answer 2

Попробуйте это:

$slideshowContainer.css('margin-left', + ($slideshowContainer.width() / 2) + 'px;');