вызов функции в Ajax успеха

Question

Я пытаюсь вызвать функцию из обработчика успеха AJAX, но игнорируется

$.ajax({ 
    url: '../ajax/create_audit_standard_carosel.php', 
    type:'POST', 
    data: 'audit_id='+audit_id+'&user_id='+user_id, 
    dataType: 'json', 
    success: function(response){ 
     $('#num').html(response.standards_count); 
     $('#standards_list').html(response.output); 
      jQuery(function($) { 
       $("#selected_standards").touchCarousel({ 
        itemsPerPage: 4,    
        scrollbar: true, 
        scrollbarAutoHide: true, 
        scrollbarTheme: "dark",    
        pagingNav: false, 
        snapToItems: true, 
        scrollToLast: true, 
        useWebkit3d: true,    
        loopItems: false   
       }); 
      }); 
    }, // End of success function of ajax form 
    error:function (xhr, ajaxOptions, thrownError){ 
     alert(thrownError); 
    } 
}); // End of ajax call 

ответы правильны и содержание #standards_list изменяются с правильным содержанием так Я знаю, что вызов AJAX работает правильно, но функция в вызове успеха полностью игнорируется.

Answer 1

Если вы имеете в виду функцию, начинающуюся непосредственно после того, как вы обновляете элемент #standards_list, это связано с тем, что вы пытаетесь привязать к событию, которое уже давно запущено.

Передача функции глобальной функции jQuery является ярлыком для привязки к событию document.ready. Это событие запускается при загрузке страницы и не будет срабатывать снова в результате вызова AJAX.

Просто удалите функцию оберточную и вызвать метод touchCarousel после обновления #standards_list element, например:

$.ajax({ 
    url: '../ajax/create_audit_standard_carosel.php', 
    type:'POST', 
    data: 'audit_id='+audit_id+'&user_id='+user_id, 
    dataType: 'json', 
    success: function(response){ 
     $('#num').html(response.standards_count); 
     $('#standards_list').html(response.output); 
     $("#selected_standards").touchCarousel({ 
      itemsPerPage: 4,    
      scrollbar: true, 
      scrollbarAutoHide: true, 
      scrollbarTheme: "dark",    
      pagingNav: false, 
      snapToItems: true, 
      scrollToLast: true, 
      useWebkit3d: true,    
      loopItems: false   
     }); 
    }, // End of success function of ajax form 
    error:function (xhr, ajaxOptions, thrownError){ 
     alert(thrownError); 
    } 
}); // End of ajax call`