ajax経由でhtmlを挿入するときのhtml divの位置を設定する正しい方法

Question

私は動的にhtmlをjavascriptで構築しています。これは要素に挿入されます。私が作成しているhtml内で、top、left、width、heightの各プロパティを設定する正しい方法は何ですか。私の現在の技術はIEでは動作しますが、ChromeやSafariでは動作しません。これは、（controlgroupが私のプロパティを含むオブジェクトである）私は現在、それをやっている方法です：

html += '<div id="' + controlgroup.id + '" class="controlgroup ui-widget-content"'; 
html += ' style="{'; 
html += 'top:' + controlgroup.top + '; left:' + controlgroup.left + ';'; 
html += 'width:' + controlgroup.width + '; height:' + controlgroup.height + ';'; 
html += '}">'; 
html += 'cg:' + controlgroup.id + ' ' + controlgroup.left + ',' + controlgroup.top; 
html += '</div>'; 

私は、この操作を行います。

$('#formcontainer').html(html); 

を私は正確な座標を指定する機能が必要なので、私ができます定義済みのcssクラスはここで使用しません。どうもありがとう。

Answer 1

1）あなたがpxを添付したleft、right、height、そしてwidth値を使用していることを確認したいと思います。したがって、width:50;を設定する代わりに、width:50px;に設定してください。

2）あなたのスタイルにposition:relative;を追加します。

3）{}ブラケットは

ワーキングデモ

を必要とされていません。 http://jsfiddle.net/Jaybles/6fbvT/2/