Javascript 将新的选择框添加到页面时重新应用jQuery选择框样式

我的jQuery选择框样式在初始页面加载时起作用，但是当带有选择框的内容动态加载到页面中时，样式不会应用到页面中

确保新的选择框加载到页面上后立即设置样式的最佳方法是什么

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

---

尝试使用CSS而不是jQuery

select {
    //Styling
}

或按类别或id（如果需要）

.classOfSelect {
    //Styling
}

---

我在使用交替带色动态制作表格时遇到了这个问题，我就是这样做的：

HTML:

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();

---

据我所知，这不是一个跨浏览器友好的解决方案。为什么？CSS通常是跨浏览器的。IE有一些问题，但一般来说，您希望将大部分样式放在CSS中

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();