ajaxから受け取ったデータでicon1とicon2の位置を変更したいです。
「結果」はdiv要素です。ajax から受信したメッセージを表示することで問題なく動作しますが、「icon1」と「icon2」が動かないのはなぜでしょうか。メッセージが受信され、「結果」要素が 0.5 秒ごとに変化し、結果が表示されます。変?!
クロムで次のコードを試しましたが、機能しません。コードで何をすべきか。他のブラウザでは試していませんが、chrome 以外のブラウザで動作する場合はお知らせください。ありがとうございました。
setInterval(function(){
// post data
$.ajax({
type: "POST",
url: "http://localhost:8080",
data: {id:mId,color:mColor,x:mX,y:mY}
}).done(function(msg){
// result is div element
result.text(JSON.stringify(msg) );
}).fail(function(jqXHR, textStatus) {
result.text( "Request failed: " + textStatus );
});
var jObj = jQuery.parseJSON( result.text() );
// icon1 and icon2 is div element
icon1.css({
position:"absolute",top:(jObj[0].y),left:(jObj[0].x)
});
icon2.css({
position:"absolute",top:(jObj[1].y),left:(jObj[1].x)
});
}, 500);