javascript - 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 元素之后直接开始，那是因为您正在尝试绑定(bind)到早已触发的事件。

将函数传递给全局 jQuery 函数是绑定(bind)到 document.ready 事件的快捷方式。该事件在页面加载时触发，并且不会因 AJAX 调用而再次触发。

只需删除包装函数并在更新#standards_list元素后调用touchCarousel方法，例如:

$.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`