CSS не применяется к динамически добавленному списку выбора. Но когда я жестко закодировал список выбора, он применяется правильно. Итак, где я ошибся в своем коде. Пожалуйста, дайте мне знать.CSS не применяется для динамически созданного html
$('#multiple-label-example').append(
'<option>'+skillsObj[cnt].skillName+'</option>'
);
CSS не применяется к указанной выше строке. Но он отлично работает для жесткого кодированного списка выбора.
var url= "/ajax/gDirectory/getAllskills.htm";
$.ajax({
type: "POST",
url: url,
contentType: "text/html; charset=utf-8",
async: true,
success : function(result1) {
var skillsObj = JSON.parse(result1);
$('#tabpage_4').append("<div class='side-by-side clearfix'></div><table><tr><td><h3>Skills & Expertise :</h3></td><td id='skillstd'><select data-placeholder='Type skills here' multiple class='chosen-select' style='width:300px;' tabindex='18' id='multiple-label-example'></select></td></tr></table>");
for (cnt = 0; cnt < skillsObj.length; cnt++)
$('#multiple-label-example').append('<option>'+skillsObj[cnt].skillName+'</option>');
}
});
(function($){
var config = {
'.chosen-select' : {},
'.chosen-select-deselect' : {allow_single_deselect:true},
'.chosen-select-no-single' : {disable_search_threshold:10},
'.chosen-select-no-results': {no_results_text:'Oops, nothing found!'},
'.chosen-select-width' : {width:"95%"}
}
for (var selector in config) {
$(selector).chosen(config[selector]);
}
})(jQuery132);
document.getElementById("smallimagesDiv4").style.display="none";
Где находится CSS? –
$ (селектор) .chosen (config [селектор]); не применять для выше select list.but, если я положил ", то его прекрасно работать –
Тогда это может проблему в CSS, вы используете правильный селектор CSS? т.е.' .className' ? –