Как разместить html-код внутри добавления jQuery или JavaScript?

Как поставить HTML внутри Append из JQuery и добавьте Div в веб-страницыКак разместить html-код внутри добавления jQuery или JavaScript?

   $('.oo').append(
       <div style="width:100%; min-height:35px; max-height:auto; margin-top:10px;"> 
       <div style="height:auto; margin:2px 2px 2px 16px;"> 
       <img src="image/xprin_load2_loader.gif" style="float:left; height:35px; width:35px; border-radius:5%;"/> 
       </div> 
       <div style="height:auto; margin: 5px 5px 5px 55px; text-align:left; box-shadow: 3px 0px 0px #4080ff;"> 
       <b>: </b> 
       <span style="margin:2px 2px;"></span> 
       </div> 
       </div> 
      );

источник

2017-01-13 Nirikshan Bbusal

Добавить кавычки вокруг HTML вы хотите добавить –

RTD: http://api.jquery.com/append.I'd также предложить вы используете таблицу стилей над раздуванием HTML со встроенными стилями. –

В дополнение к использованию таблиц стилей и классов, предложенных Рори, я также настоятельно рекомендую перейти от жесткого HTML-кода к любой форме системы шаблонов. Гораздо проще создавать и поддерживать HTML в качестве шаблона. –

Вы просто добавить кавычки HTML вы хотите добавить

$('.oo').append(
    ' <div style="width:100%; min-height:35px; max-height:auto; margin-top:10px;">' + 
    +' <div style="height:auto; margin:2px 2px 2px 16px;">' + ' <img src="image/xprin_load2_loader.gif" style="float:left; height:35px; width:35px; border-radius:5%;"/>' + '</div>' + '<div style="height:auto; margin: 5px 5px 5px 55px; text-align:left; box-shadow: 3px 0px 0px #4080ff;">' + '<b>: </b>' + '<span style="margin:2px 2px;"></span>' + '</div>' + '</div>' 
);

источник

2017-01-13 12:07:14

ли это так,

$('.oo').append(
'<div style="width:100%; min-height:35px; max-height:auto' 
+'; margin-top:10px;"> 
       <div style="height:auto; margin:2p' 
+'x 2px 2px 16px;"> 
       <img src="image/xprin_load2_loader.gif' 
+'" style="float:left; height:35px; width:35px; border-radius:5%;"/> 
    ' 
+'    </div> 
       <div style="height:auto; margin:' 
+' 5px 5px 5px 55px; text-align:left; box-shadow: 3px 0px 0px #4080ff;"' 
+'> 
       <b>: </b> 
       <span style="margin:2px 2p' 
+'x;"></span> 
       </div> 
       </div>');

Он будет работать.

источник

2017-01-13 12:04:42 rahulsm

Как разместить html-код внутри добавления jQuery или JavaScript?

ответ

Смежные вопросы