2017-03-04 46 views
-1

财产顶部我已经收到此错误,每当尝试运行这段jQuery代码:JQuery的 - 不能读取的不确定

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

Uncaught TypeError: Cannot read property 'top' of undefined at :1:59

基本上,我试图彼此对准的两个元素无论多大的屏幕大小调整,但尚未制定出太多了。我...

我已经准备好采取任何建议在这一点上。

+0

你可以分享你的标记? JSFiddle中的一个小例子更有帮助。 –

回答

2

没有style属性jQuery对象,使用css()方法jQuery对象上。

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

或者通过指数得到DOM对象或使用get()方法和更新的样式属性。

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

此代码没有返回错误,但是一旦我尝试运行它控制台的元素没有对齐,这可能是我如何接近这个问题? –

+0

@ Zyad-O:这将应用样式属性....逻辑可能有问题... –

1

您正在混淆jQuery对象与DOM元素。只有真正的DOM元素具有style属性;在使用此属性之前,您需要访问索引[0]

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

尝试.css function从jQuery的

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