.html不採取樣式表類

我已經在網上搜索，也許我是問或以錯誤的方式搜索，但我似乎無法找到解決方案。.html不採取樣式表類

當我要麼做.html（）或.append（）我似乎沒有得到樣式表樣式到新的HTML？

下面是我在做什麼：

$.post("updatepassword.php", { 
       new_pass: true, 
       password1: $(form).find('#password1').val(), 
       password2: $(form).find('#password2').val() }).done(function(data) { 

    if(data == "success"){ 
     show_loading_bar({ 
      delay: .5, 
      pct: 100, 
      finish: function(){ 
       $(".modal-header").append('<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>'); 
       $(".modal-body").html("Yes..."); 
       $(".modal-footer").html('<button type="button" class="btn btn-white" data-dismiss="modal">Luk</button>'); 
      } 
     }); 
    } else { 
     toastr.error("Error!", opts); 
     $(form).find('#password1').select(); 
    } 

});

所有類是完全沒有考慮到新的HTML？！？這是一個錯誤還是我在這裏錯過了什麼？

希望能幫助和在此先感謝:-)

來源

2015-02-09 Mansa

你沒有*樣式風格*示例所示。你的意思是你的課程沒有添加？ – 2015-02-09 09:51:41

是的，類不添加。樣式表已經加載到我的頁面中。 – Mansa 2015-02-09 09:52:38

這幾行很好的自行工作：http://jsfiddle.net/TrueBlueAussie/bd5fkh3j/看起來像'finish：'事件沒有被調用。 – 2015-02-09 09:53:23

一個更好的辦法解決這個問題（並且更易於維護！）可能是輸出這些元素作爲你的HTML的一部分，然後切換它們的可見性（或通過取消設置類，或使用$ .show/$。hide）。

見這個例子：http://jsfiddle.net/Lsb1t8na/

HTML：

<div class="modal-header"> 
    <button type="button" class="close hidden" data-dismiss="modal" aria-hidden="true">&times;</button> 
</div> 
<div class="modal-body hidden"> 
    Yes... 
</div> 
<div class="modal-footer"> 
    <button type="button" class="btn btn-white hidden" data-dismiss="modal">Luk</button> 
</div>

CSS：

.hidden { 
    display: none; 
}

JS：

$(function() { 
    $('.hidden').removeClass('hidden'); 
});

來源

2015-02-09 10:09:19 omgmog

剛剛得出同樣的結論:-) – Mansa 2015-02-09 10:10:57

.html不採取樣式表類

回答

相關問題