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