動態按鈕失去引導造型

Question

我加入我的使用jQuery連接按鈕動態

// Add Connect Button 

    function addbtn(){ 

// alert("ss"); 

$('.messages:last-child').append('<li><div class="refesh-btn col-md-12 text-center"><button '+ 
'id="refresh" name="singlebutton" "class="btn btn-lg btn-primary">Connect!</button> </div></li>'); 

這是它被插入HTML主頁：

<ul class="pages"> 
    <li class="chat page"> 
     <div class="chatArea"> 

     <ul class="messages"> 
     </ul> 

     </div> 
     <input class="inputMessage" placeholder="Type here..."/> 
    </li> 
    <li class="login page"> 
     <div class="form"> 
     <h3 class="title">What's your nickname?</h3> 
     <input class="usernameInput" type="text" maxlength="14" /><br/> 
     <p id="cap" class="text-xs-center">Hit Enter to stay Anonymous!</p> 
     </div> 
    </li> 
    </ul> 

但它失去了一切引導造型和總是這樣

Answer 1

您已經添加了額外的"「雙倒-comma'就在該方法中的class之前。 在這裏查看sample。

JS：

function addbtn(){ 
     $('.messages:last-child').append('<li><div class="refesh-btn col-md-12 text-center"><button '+ 
'id="refresh" name="singlebutton" class="btn btn-lg btn-primary">Connect!</button></div></li>'); 
}