javascript - Target dynamic element in jQuery -
i have select menu being created dynamically in javascript file. have set css display:none styling can happen silently before loaded. however, having trouble targeting make display again. what's fool-proof way target (or dynamically created select menu) once it's attached dom? insight.
initial code loading select menu:
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 wordholder box var wordholderelement = this._screen.getelementbyid("wordholder"); wordholderelement._container.innerhtml = ""; $(wordholderelement._container).append(dropdwn); }, css:
.glossaryselect {display: none}; jq:
$( window ).load(function() { $(".glossaryselect").css("display", "block"); }); custom plugin make select box styles editable (customselectmenu):
$(".glossaryselect").customselectmenu({ menuclass: 'product-select', openedclass: 'shown', selectedclass: 'active', selectionmadeclass: 'selected' }); thanks in advance.
try putting script inside doc ready listener
$(document).ready(function() { $("select").show(); }); or try make sure have access elements https://stackoverflow.com/a/29514359/1845664
Comments
Post a Comment