Jquery Chosen eklentisi - Ajax tarafından dinamik olarak doldurulurken, Yükleme Simgesini Göster

Question

Jquery Chosen 1.5.1 kullanıyorum. Dinamik verileri ajax çağrısı ile doldururken, geri alma işlemi devam ederken yükleme simgesini gösterebilir miyim? İşte

kullanıyorum kodudur: Bunu uygulamak için aşağıdaki kodu eklemiş

$("#itemsList").chosen({ 
    no_results_text: "Oops, nothing found!", 
    width: "100%", 
    inherit_select_classes: true 
}); 
$('.chosen-choices input').autocomplete({ 
    source: function(request, response) { 
     if (request.term.trim().length >= 3) { 
      Items.searchitemsByText(request.term, function(response) { 
       if (response && response.code == 0 && response.items.length > 0) { 
        ($.map(response.items, function(item) { 
         $('ul.chosen-results').append('<li class="active-result">' + item.name + '</li>'); 
         $('#itemsList').append('<option value="' + item._id + '">' + item.name + '</option>'); 
         $("#itemsList").trigger("chosen:updated"); 
        })); 
       } 
      }) 
     } 

    } 
}); 

Answer 1

ve bu benim için çalıştı:

$('.chosen-choices input').autocomplete({ 
    source: function(request, response) { 
     if (request.term.trim().length >= 3) { 
      // added to show loading icon 
      $('ul.chosen-results').append('<li class="active-result text-center" id=' + request.term + ' style="font-size:16px"><i class="fa fa-refresh fa-spin"></i></li>'); 
      Items.searchitemsByText(request.term, brandId, function(response) { 
       if (response && response.code == 0 && response.items.length > 0) { 
        ($.map(response.items, function(item) { 
         $('ul.chosen-results').append('<li class="active-result">' + item.name + '</li>'); 
         $('#itemsListDropdown').append('<option value="' + item._id + '">' + ((!item.name || item.name == '') ? item.app_id : item.name) + '</option>'); 
         $("#itemsListDropdown").trigger("chosen:updated"); 
        })); 
       } 
       // removing loading icon 
       if (document.getElementById(request.term)) { 
        document.getElementById(request.term).remove() 
       } 
      }) 
     } 
    } 
});