2014-01-14 6 views
0

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"; 
+1

Где находится CSS? –

+0

$ (селектор) .chosen (config [селектор]); не применять для выше select list.but, если я положил ", то его прекрасно работать –

+0

Тогда это может проблему в CSS, вы используете правильный селектор CSS? т.е.' .className' ? –

ответ

1

В функции «Успех» вы должны снова запустить выбранный метод обновления, чтобы динамически добавленные параметры могли обновляться.

0

shyamji правый. Вы должны активировать выбранное: обновить, как показано ниже:

    target.trigger("chosen:updated"); 
Смежные вопросы