JS語法打破了網頁

Question

我在外部JS文件，下面的代碼：

var myDiv = $(".myDiv"); 

if (myDiv.css('left') == 'auto') { 
    var pos = myDiv.position(); 
    myDiv.css({ "left:" + pos.left + "px", "top:" + pos.top + "px" }); 
} 

看來，以下行打破我的頁面：

myDiv.css({ "left:" + pos.left + "px", "top:" + pos.top + "px" }); 

如果我把它註釋掉一切正常很好，除了這個功能，顯然。

如果我把值放在alert中，我也可以正確地得到它們。

alert(pos.left + ' ' + pos.top) 

我錯過了什麼？

Answer 1

您正在嘗試通過傳入2 strings來創建一個object。

大概應該是這樣的：

myDiv.css({ 
    "left": pos.left + "px", 
    "top": pos.top + "px" 
}); 

Answer 2

簡單的修補程序，使用JavaScript對象符號爲CSS屬性。移動結腸引號外：

myDiv.css({ "left": pos.left + "px", "top": pos.top + "px" });

Answer 3

你需要圍繞在對象中的值的引號，你傳遞給的.css（）函數：

myDiv.css({ "left: '" + pos.left + "px'", "top: '" + pos.top + "px'" });