2017-03-04 5 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

私は基本的にお互いなしで2つの要素を揃えるしようとしていますどのくらい画面のサイズが変更されても、私のためにうまくいきませんでした...

準備ができていますこの時点での提案はすべてです。

+0

から.css functionを試してみてください? JSFiddleの小さな例です。 –

答えて

2

jQueryオブジェクトのstyleプロパティはありません.jQueryオブジェクトのcss()メソッドを使用してください。

$(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

あなたはDOM要素とjQueryオブジェクトを混同しています。実際のDOM要素にはstyleというプロパティがあります。このプロパティを使用する前にインデックス[0]にアクセスする必要があります。

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

は、あなたのマークアップを共有することができますjQueryの

$(document).ready(function(){ 
    $("#Card-Right-Sec").css('top',$("#Card-Left-Sec").css('top')); 
}); 
関連する問題