2017-01-13 75 views
0

如何把HTML中的jQuery的追加和網頁追加股利如何將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> 
      ); 
+0

添加各地要追加 –

+0

RTD的HTML引號中的HTML報價:http://api.jquery.com/append.I'd還建議您使用樣式表來通過內聯樣式來擴展HTML。 –

+0

除了按照Rory的建議使用樣式表和類外,我還強烈建議從硬連線的HTML轉移到任何形式的模板系統。作爲模板創作和維護HTML更容易。 –

回答

0

你只需要添加各地要追加

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

像這樣做,

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

它將工作。

相關問題