javascript - 新しい選択ボックスがページに追加されたときに jQuery 選択ボックスのスタイルを再適用する

Question

私の jQuery 選択ボックスのスタイリングは最初のページの読み込みで機能しますが、選択ボックスを含むコンテンツがページに動的に読み込まれると、スタイリングは適用されません。

新しい選択ボックスがページに読み込まれるとすぐにスタイルが設定されるようにする最善の方法は何ですか?

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

Answer 1

jQuery の代わりに CSS を使用してみてください

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