2017-01-13 3 views
0

Wie html innerhalb Anfügen von Jquery setzen und DivWie HTML-Code innerhalb des Anhangs von jQuery oder 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> 
      ); 
+0

In Anführungszeichen um den HTML-Code Sie –

+0

RTD anhängen möchten anhängen möchten: http://api.jquery.com/append.I'd auch vorschlagen Sie verwenden ein Stylesheet, um HTML mit Inline-Stilen aufzublasen. –

+0

Zusätzlich zur Verwendung von Stylesheets und Klassen, wie Rory vorgeschlagen hat, würde ich auch dringend empfehlen, von fest verdrahtetem HTML zu jeder Art von Vorlagensystem zu wechseln. Es ist viel einfacher, HTML als Vorlage zu erstellen und zu pflegen. –

Antwort

0

Sie fügen Sie einfach Anführungszeichen um den HTML-Code Sie

$('.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>' 
); 
0

es so in die Homepage anhängen Sie,

$('.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>'); 

Es funktioniert.

Verwandte Themen