Warum wird die Drop-Down-ein-Optionen von einem auf den ersten Klick angezeigt wird, wenn()

Question

 $(document).on('focus', '.resource_person', function() { 

     var topic_code = $(this).attr('id'); 
     var rp_reference = $(this).attr('selected-rp'); 
     var option = ''; 

     $.ajax({ 
      type: 'POST', 
      url: siteUrl + 'course_management/Training_courses/topic_rp', 
      data: {topic_code: topic_code}, 
      dataType: 'json', 
      success: function(source) { 
       $('.resource_person[id="'+topic_code+'"]').empty(); 

       for (var key in source) { 
        if (source[key] != rp_reference) { 
         option += '<option value="'+source[key]+'">'+key+'</option>'; 
        } else { 
         option += '<option value="'+source[key]+'" selected="">'+key+'</option>'; 
        } 
       } 

       console.log(option); 

       $('.resource_person[id="'+topic_code+'"]').append(option); 
      } 
     }); 
    }); 

This what was happening when I first click the dropdown

After clicking it for the second time it goes back to the normal behavior of dropdown

Answer 1

Auf den ersten mit hängen klicken Sie macht Verzögerungsanforderung verursacht Elemente anzuzeigen, aber es nutzt cahce auf Zweite Anfrage.

Wenn Sie Anfrage zwingen, nicht-Cache zu verwenden, wird dieselbe Verzögerung jedes Mal passieren:

$.ajax({ 
    cache: false, 
    //other options... 
}); 

Hinweis: Die Einstellung Cache auf false wird nur korrekt mit HEAD arbeiten und GET-Anfragen.