Правильный способ установки позиции html div при вставке html через ajax

Question

Я динамически строю HTML в JavaScript. Затем он будет вставлен в элемент. Как правильно установить свойства top, left, width и height в HTML, который я создаю. Моя текущая техника работает в IE, но не в Chrome или Safari. Вот как я сейчас это делаю (контрольная группа - это объект, содержащий мои свойства):

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) Вы хотите указать, что вы используете значения left, right, height и width, к которым прикреплено px.Поэтому вместо установки width:50; установите его на width:50px;.

2) Вы захотите добавить position:relative; к своему стилю.

3) Скобки {} не являютсянеобходимо

Рабочая демоверсия: http://jsfiddle.net/Jaybles/6fbvT/2/