jQuery-無法讀取未定義的屬性頂部

Question

每當嘗試運行這段Jquery代碼時，我都會收到此錯誤：

$(document).ready(function(){
  $("#Card-Right-Sec").style.top = $("#Card-Left-Sec").style.top;
}); 

Uncaught TypeError：無法讀取未定義的屬性“ top”：1：59

我基本上試圖將兩個元素彼此對齊，無論屏幕調整大小有多大，但這對我來說都不是一件好事...

我現在准備接受任何建議。

Answer 1

jQuery對象沒有style屬性，請在jQuery對象上使用css()方法。

$(document).ready(function(){
  $("#Card-Right-Sec").css('top', $("#Card-Left-Sec").css('top'));
}); 

---

或通過索引或使用get()方法獲取DOM對象並更新style屬性。

$(document).ready(function(){
  $("#Card-Right-Sec")[0].style.top = $("#Card-Left-Sec")[0].style.top;
}); 

Answer 2

您正在將jQuery對象與DOM元素混淆。 只有真正的DOM元素才具有style屬性； 您需要在使用此屬性之前訪問索引[0] 。

$(document).ready(function(){
  $("#Card-Right-Sec")[0].style.top = $("#Card-Left-Sec")[0].style.top;
}); 

Answer 3

嘗試使用jQuery的.css function

 $(document).ready(function(){
     $("#Card-Right-Sec").css('top',$("#Card-Left-Sec").css('top'));
 });