Jump to content


Photo
* * * * * 2 votes

AJAX фильтр

рецепт фильтр ajax

69 replies to this topic

#11 dimkarc

dimkarc
  • JBZoo User (rus)
  • User rate: 0.1
  • posts: 66
  • topics: 16

Posted 28 December 2013 - 01:43

Можете дать ссылку на сайт?

http://bunointatto.ru/catalog.html 


  • 0

#12 Cheren-dow

Cheren-dow
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 95.7
  • posts: 5060
  • topics: 31

Posted 28 December 2013 - 10:43

попробуйте заменить на этот код

<?php if ((int)$params->get('autosubmit', 0)) : ?>
    <script type="text/javascript">
	jQuery(function ($) {
		$('#<?php echo $formId;?> select, #<?php echo $formId;?> input[type=radio], #<?php echo $formId;?> input[type=checkbox]').change(function () {
			var params = $('#<?php echo $formId;?>').serialize();
			$('body').append( "<div id='fancybox-loading'><div></div></div>");
			$.ajax({
				url: '<?php echo JRoute::_('index.php?Itemid=' . $params->get('menuitem', JRequest::getVar('Itemid'))); ?>?' + params,
				type: 'get',
				dataType: 'html',
				success: function(data){
					$('#fancybox-loading').remove();
					var html = $(data);
					$('#jbzoo').html(
					html.find('#jbzoo').html()
					);
				}
			});
		});
	});
</script>
<?php endif; ?>

Должно работать (fingers)

В моем примере обновляется главный контейнер с id #yoo-zoo а у вас главный контейнер это #jbzoo

607aa134_s.jpg


  • 1
Изображение
 

#13 dimkarc

dimkarc
  • JBZoo User (rus)
  • User rate: 0.1
  • posts: 66
  • topics: 16

Posted 28 December 2013 - 21:23

Cheren-dow ///  Cпасибо 


  • 0

#14 dimkarc

dimkarc
  • JBZoo User (rus)
  • User rate: 0.1
  • posts: 66
  • topics: 16

Posted 30 December 2013 - 00:11

попробуйте заменить на этот код

 

возник ещё такой момент. все работает хорошо но кнопка купить перестает работать. 

что делать?? 


  • 0

#15 Atomic

Atomic
  • JBZoo User (rus)
  • User rate: 0
  • posts: 23
  • topics: 7

Posted 30 December 2013 - 10:52

Поставил, проверил.

Работает!

 

Автору огромное спасибо!


Edited by Atomic, 30 December 2013 - 10:52.

  • 0

#16 Cheren-dow

Cheren-dow
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 95.7
  • posts: 5060
  • topics: 31

Posted 30 December 2013 - 11:21

возник ещё такой момент. все работает хорошо но кнопка купить перестает работать. 

что делать?? 

 

Это минус данного решения, все навешанные на кнопки JS не будут работать(увеличение изображения и т.д). Заставить работать кнопки после перезагрузки не удастся, если только какой нибудь гуру JS нам не поможет.


  • 0
Изображение
 

#17 black_paw

black_paw
  • JBZoo User (rus)
  • User rate: 9.2
  • posts: 96
  • topics: 7

Posted 31 December 2013 - 05:37

Это минус данного решения, все навешанные на кнопки JS не будут работать(увеличение изображения и т.д). Заставить работать кнопки после перезагрузки не удастся, если только какой нибудь гуру JS нам не поможет.

События на элементы добавляются при загрузке странице, в вашем случае надо добавить повторную инициализацию плагинов для добавленных элементов после success ajax запроса, напр: 
 

complete: function () {
     $("a.jbimage-link[rel=jbimage-popup], a.jbimage-gallery, a.jbquickview-modal-window").fancybox()
}

Edited by black_paw, 31 December 2013 - 05:46.

  • 0

#18 dimkarc

dimkarc
  • JBZoo User (rus)
  • User rate: 0.1
  • posts: 66
  • topics: 16

Posted 31 December 2013 - 21:02

success ajax запроса, напр: 

 

а по точнее можете пожалуйста написать


  • 0

#19 Tunga

Tunga
  • JBZoo User (rus)
  • User rate: 9.7
  • posts: 595
  • topics: 129

Posted 01 January 2014 - 18:19

Cheren-dow С Новым Годом!

Помогите нам решить такой вопрос!

http://forum.jbzoo.c...polej-v-filtre/


  • -1

JBZoo это круто!


#20 Cheren-dow

Cheren-dow
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 95.7
  • posts: 5060
  • topics: 31

Posted 01 January 2014 - 23:45

а по точнее можете пожалуйста написать

 

После 

success: function(data){
					$('#fancybox-loading').remove();
					var html = $(data);
					$('#jbzoo').html(
					html.find('#jbzoo').html()
					);
				}
после success ajax запроса
success: function(data){
	$('#fancybox-loading').remove();
	var html = $(data);
	$('#jbzoo').html(
	html.find('#jbzoo').html()
  );
},
complete: function () {
     $("a.jbimage-link[rel=jbimage-popup], a.jbimage-gallery, a.jbquickview-modal-window").fancybox()
}


Edited by Cheren-dow, 01 January 2014 - 23:46.

  • 0
Изображение
 





Also tagged with one or more of these keywords: рецепт, фильтр, ajax

Click to return to top of page in style!