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

Question

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

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

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

Answer 1

尝试使用CSS而不是jQuery

select {
    //Styling
}

或者根据需要按类或ID。

.classOfSelect {
    //Styling
}

Answer 2

我在动态制作带有交替带颜色的表时遇到过这个问题，这就是我做的方法：

工作小提琴

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