Как поместить данные в блок?

Question

[Ilya Bobkov]

Всем привет. Не могу разместить данные в блоке:
блок:

#info
{
 position: absolute;
 left:30%;
 top:1%;
 width:40%;
 height:40%;
 border-radius:10px;
}

jquery:

$("#item_info").append("<div id='info'>");
$("#item_info").append("<h1><ins style='color:yellow'>"+obj.name+"</ins></h1>");
$("#item_info").append("<h1>"+obj.text+"</h1>");
$("#item_info").append("<h1> цена: <ins>"+obj.price+" "+cur_val+"</ins></h1>");
$("#item_info").append("</div>");

Не срабатывает. Как нужно делать?

Answer 1

[Maxim Zhgulev]

Рискну предположить что имелось ввиду это:

$("#item_info").append("<div id='info'/>");
$("#info").append("<h1><ins style='color:yellow'>"+obj.name+"</ins></h1>");
$("#info").append("<h1>"+obj.text+"</h1>");
$("#info").append("<h1> цена: <ins>"+obj.price+" "+cur_val+"</ins></h1>");

Comments

[Ilya Bobkov]

спасибо! не доглядел.

Answer 2

[Павел Гоголинский]

В css #info
В js #item_info
Не согласуются

Comments

[Maxim Zhgulev]

В js тоже есть #info

[Павел Гоголинский]

jsfiddle.net/vgdsc6ta

[Павел Гоголинский]

Все работает. может вы #item_info {
position: relative;
} забыли?

Answer 3

[Konstantin]

У вас адовая разметка :)

var $item = $('<div/>', {
   'id':'info', 
   html:'<h1><ins style="color:yellow">' + obj.name + '</ins></h1><h1>' + obj.text + '</h1><h1> цена: <ins>' + obj.price + ' ' + cur_val + '</ins></h1>'
});
$("#item_info").append($item);

Comments

[Ilya Bobkov]

пасиб