2016-03-22 13 views
1

私はcssを適用するために物理的にターゲットする必要があるが、できない選択メニューを動的に挿入しました。 DOMに登録するにはどうしたらいいですか?挿入されたhtmlをターゲットできません

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'); 
     } 

洞察力に感謝します。ありがとう。

+0

何が起こっていませんか?期待されるものは何ですか? – Rayon

+0

単に要素の背景色の値を取得する(私は代わりにコンソールアラートを返した可能性があります)。 – pjldesign

+0

あなたはそれのためのjsfiddleを提供できますか? – rmondesilva

答えて

0

関数を作成し、その関数にドロップダウンの変更関数を書き込み、この関数をドキュメント準備関数で呼び出します。あなたの変更機能がこのように機能しない場合、これがあなたを助けることを願っています。

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

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

} 
+0

は、このアイデアを(カスタムイベント)要素をターゲットにしようとしましたが、表示されません... $( '#glossary-container')。on( 'target'、 '。glossarySelect' 、function(){ console.log( 'ここ!'); }); $( '。glossarySelect')。trigger( 'target'); ' – pjldesign

関連する問題