jquery - jqueryを使用したcss位置の変更

Question

私のhtmlでは、最初にdata_focusクラスを何も表示しないように設定しています。私が必要とするのは、右ボタンをクリックして、data_focus クラスの位置を変更する必要があることです。私はこのようにしてみました

Jクエリ:

var left=-8;
var top=10;
left=left+140;
$('.data_focus').css('{left:'+left+'}','{top:'+top+'}');

CSS:

.data_focus{
display:block; 
width:148px; 
height:148px; 
background:url(../images/focus_data.png) no-repeat; 
position:absolute; 
left:-8px; 
top:10px;}
}

しかし、それは位置を変えていません。どこが間違っているのかわかりません。

誰でも私を助けることができますか？

Answer 1

スタイルを文字列ではなくオブジェクトとして渡す必要があります

$('.data_focus').css({left:left,top:top});