Почему моя функция javascript не вызвана после ajax.success?

Question

Почему моя функция не работает после успешного выполнения ajax?

У меня есть пользовательская функция с именем filter(), определенная в заголовке как файл javascript. Затем у меня есть серия jquery-кода для динамического извлечения данных с сервера, чтобы заполнить поле выбора. Я хотел бы вызвать фильтр() после того, как запрос AJAX завершился, так как filter() будет управлять заполнением опции select.

$.ajax({ 
url: "checkersc2.php", //This is the page where you will handle your SQL insert 
type: "GET", 
data: values, //The data your sending to some-page.php 
success: function (response) { 
    $('#loading-image').css('display', 'none'); 
    $dropdownCondition.html(response); 
    filter(); 
}, 
error: function() { 
    console.log("AJAX request was a failure"); 
} 
}); 

EDIT: мой фильтр (код) немного долго, @http://jsfiddle.net/tongky20/re5unf7p/11/

Answer 1

Похоже, у вас есть недействительный селектор для dropdownCondition. Вероятно, он не работает на этой линии и никогда не вызывает фильтр. Если вы не указали эту переменную else, где попробуйте обновить ее до допустимого селектора элементов и посмотрите, вызывает ли он фильтр. Что-то вроде:

$('#dropdownCondition').html(response); 

Предполагая, что идентификатор элемента является dropdownCondition.

Полная функция:

$.ajax({ 
url: "checkersc2.php", //This is the page where you will handle your SQL insert 
type: "GET", 
data: values, //The data your sending to some-page.php 
success: function (response) { 
    $('#loading-image').css('display', 'none'); 
    $('#dropdownCondition').html(response); 
    filter(); 
}, 
error: function() { 
    console.log("AJAX request was a failure"); 
} 
});