用JS改變保證金

Question

我想在給定的div上留下動態余量。

我試過這段代碼：

window.onload = function()
{
    var pageWidth = window.innerWidth; 
    var size = (pageWidth - 200 ) / 2;
    $('#search').css('margin-Left', size));
    alert(size);
 };

哪個不起作用（這里的警報僅用於測試目的），問題來自ligne $('#search').css('margin-Left', size)); 但我找不到...

我已嘗試在左邊緣使用小寫l並且無法正常工作。

Answer 1

以下是否適合您？

document.getElementById("search").style.marginLeft = size + "px";

Answer 2

嘗試使用marginLeft，不要使用hypen。

jQuery.css（）文檔： http ： //api.jquery.com/css/

Answer 3

您需要指定要使用的單位類型。

$('#search').css('margin-left', size + 'px');

Answer 4

JAVASCRIPT

$(document).ready(function(e){
    alert('test');
    var pageWidth = parseInt($(window).innerWidth());
    alert(pageWidth);
    var size = (pageWidth - 200 ) / 2;
    $('#search').css('margin-left', size);
    alert(size);
})

HTML

<div id = 'search'></div>

CSS

#search
{
    height:100px;
    width:100px;
    background-color:#F00;
}

FIDDLE LINK