javascript - 无法定位插入的 html

Question

我有一个动态插入的选择菜单，我需要物理定位才能应用 CSS，但不能。如何让它在 DOM 中注册？

createDropdown: function(oLetter) {
            var dropDwn = create({ type: "select", id: "glossaryWordDropdown", className: "glossarySelect" });
            for (var i = 0; i < oLetter.arWords.length; i++) {
                var oWord = oLetter.arWords[i];
                $('<option />', { value: oWord.id, text: oWord.id }).appendTo(dropDwn);
            }
            $(dropDwn).on('change', this.onDropDown.bind(this));

            //add to the wordHolder box
            var wordHolderElement = this._screen.getElementById("wordHolder");
            wordHolderElement._container.innerHTML = "";
            $(wordHolderElement._container).append(dropDwn);

            $(dropDwn).css('background-color','black');
        }

我很欣赏任何见解。谢谢。

Answer 1

创建一个函数，并在该函数中编写下拉菜单的更改函数，然后在文档就绪函数中调用该函数。如果您的更改功能不能像这样工作，希望这会对您有所帮助。

$(document).ready(function() {
bindevent();
});

function bindevent(){
 your change function goes here ...

}