將新選擇框添加到頁面時重新應用jQuery選擇框樣式

Question

我的jQuery選擇框樣式適用於初始頁面加載，但當帶有選擇框的內容動態加載到頁面中時，不會應用樣式到它。

確保新選擇框在裝入頁面後立即進行樣式化的最佳方法是什麼？

jQuery(document).ready(function() { 
    jQuery.jStyling.createSelect(jQuery('select')); 
}); 

Answer 1

我已經當交替帶顏色的動態使表這個問題，這是我做的：

Working Fiddle

HTML：

<input id="add" type="button" value="Add Box"></input> 
<div class="styled">BOX</div> 

的JavaScript：

function addStyle() { 
    $(".styled").css({ 
     "width": "100px", 
     "height": "100px", 
     "background": "#ff0000" 
    }); 
}; 

$(document).on("click", "#add", function() { 
    var myBox = $("<div>"); 
    myBox.addClass("styled"); 
    myBox.text("BOX"); 
    myBox.appendTo($("body")); 
    addStyle(); 
}); 

addStyle(); 

Answer 2

嘗試使用jQuery的

select { 
    //Styling 
} 

替代或通過class和id如果需要CSS。

.classOfSelect { 
    //Styling 
}