Cheizer
@Cheizer

Как AJAX скрипт сделать универсальным для нескольких классов?

Друзья, подскажите пожалуйста как сделать AJAX более универсальным? Есть код AJAX и он работает, тут порядок, но работает для одного контейнера с классом ajax-container, если я добавляю еще один контейнер, то перестает работать. Как это персонализировать? Куда добавить THIS? Немного разбираюсь в JS и не пойму как это исправить. :( Подскажите пожалуйста.

$(function() {
	       var fadeSpeed = 200, // Fade Animation Speed
			ajaxContainerSelector = '.ajax-container', // CSS Selector of Ajax Container
			ajaxItemSelector      = '.ajax-item', // CSS Selector of Ajax Item
			ajaxFormSelector      = '.ajax-form'; // CSS Selector of Ajax Filter Form
	$('' + ajaxFormSelector + '').submit(function() {
		return false;
	});
	function ajaxMainFunction() {
		$.ajax({
			data: $(ajaxFormSelector).serialize()
		}).done(function(response) {
			var $response = $(response);
			$(ajaxContainerSelector).fadeOut(fadeSpeed);
			setTimeout(function() {
				$(ajaxContainerSelector).html($response.find(ajaxContainerSelector).html()).fadeIn(fadeSpeed);
			}, fadeSpeed);
		});
	}
	$(''+ajaxFormSelector+' input').change(function() {
		ajaxMainFunction();
	})
	$(''+ajaxFormSelector+' select').change(function() {
        ajaxMainFunction();
    });
});
  • Вопрос задан
  • 64 просмотра
Пригласить эксперта
Ответы на вопрос 1
@Diatomiccoder
Посмотрите в сторону методов call/apply
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы