javascript - 当新的选择框添加到页面时，重新应用 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();