Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 03.11.2014, 12:18
Интересующийся
Отправить личное сообщение для vvdexter Посмотреть профиль Найти все сообщения от vvdexter
 
Регистрация: 18.03.2013
Сообщений: 15

Помогите чайнику...
Здравствуйте великие мастера и гуру )))

Есть сайт http://test.pandoragroup.ru/. В правом сайтбаре фильтр работает на Ajax. Но как только обновляется результат фильтра, у товаров перестают работать кнопки "CART".

За эти кнопки отвечает скрипт:

<script type='text/javascript' src='http://test.pandoragroup.ru/wp-content/themes/Boutique/epanel/page_templates/js/fancybox/jquery.fancybox-1.3.4.pack.js?ver=1.3.4'></script>


Я так понимаю. это из-за того, что Ajax обновляет код сайта отвечающий за содержание товаров и после этого скрипт jquery.fancybox-1.3.4.pack.js не может найти новые якоря?

На сайте плагина фильтра, я нашел вот этот код http://www.designsandcode.com/wordpr...ter-pro/faqs/:

$(".searchandfilter").on("sf:ajaxstart",function(){
console.log("ajax start");
});

$(".searchandfilter").on("sf:ajaxfinish",function(){
console.log("ajax complete");
//so load your lightbox or JS scripts here again
});


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

Но как его интегрировать я не знаю, т.е. вообще не понимаю что делать. Можете подробно объяснить, в какую часть сайта его вставлять и что в него надо еще дописать или изменить? Пожалуйста помогите.
Ответить с цитированием
  #2 (permalink)  
Старый 03.11.2014, 12:56
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,148

vvdexter,

в самый низ страницы
<script type="text/javascript">
jQuery(".searchandfilter").on("sf:ajaxfinish",function(){
    jQuery("a[class*=et-shop-item]").fancybox({
			'overlayOpacity'	:	0.7,
			'overlayColor'		:	'#000000',
			'transitionIn'		: 'elastic',
			'transitionOut'		: 'elastic',
			'easingIn'      	: 'easeOutBack',
			'easingOut'     	: 'easeInBack',
			'speedIn' 			: '700',
			'centerOnScroll'	: true,
			'autoDimensions'	: false
		});
});
</script>
Ответить с цитированием
  #3 (permalink)  
Старый 03.11.2014, 14:58
Интересующийся
Отправить личное сообщение для vvdexter Посмотреть профиль Найти все сообщения от vvdexter
 
Регистрация: 18.03.2013
Сообщений: 15

Спасибо!
Ответить с цитированием
  #4 (permalink)  
Старый 03.11.2014, 19:53
Интересующийся
Отправить личное сообщение для vvdexter Посмотреть профиль Найти все сообщения от vvdexter
 
Регистрация: 18.03.2013
Сообщений: 15

Рони, помогите пожалуйста еще раз. Это всё с тем же фильтром, только теперь я заметил что при переходе по страницам позиционирование сайта не перемещается на верх страницы.

Есть код:
<div id="#breadcrumbs"></div>

<div class='wp-pagenavi'>
<span class='pages'>Страница 1 из 4</span><span class='current'>1</span>
<a class="page larger" href="">2</a>
<a class="page larger" href="">3</a>
<a class="page larger" href="">4</a>
<a class="nextpostslink" rel="next" href="">»</a>
</div>


Нужно заставить перемещаться экран к тегу <div id="#breadcrumbs"> при нажатие на любую ссылку <a> в теге <div class='wp-pagenavi'> (если нужно, могу переименовать в id='wp-pagenavi'). Помогите с кодом js.

П.С. вариант с <a href="ссылка#breadcrumbs"> я пробовал, это еще сложнее надо лесть в плагин постраничной навигации и его переделывать.
Ответить с цитированием
  #5 (permalink)  
Старый 03.11.2014, 20:36
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,148

vvdexter,
не могу вам более ничем помочь ... тут есть раздел работа ... может быть там вам кто-то поможет.
Ответить с цитированием
  #6 (permalink)  
Старый 04.11.2014, 09:49
Интересующийся
Отправить личное сообщение для vvdexter Посмотреть профиль Найти все сообщения от vvdexter
 
Регистрация: 18.03.2013
Сообщений: 15

Ок, обязательно туда зайду.
Ответить с цитированием
  #7 (permalink)  
Старый 25.08.2015, 12:08
Интересующийся
Отправить личное сообщение для vvdexter Посмотреть профиль Найти все сообщения от vvdexter
 
Регистрация: 18.03.2013
Сообщений: 15

Помогите разобраться почему перестал работать скрипт.

есть страница http://www.mega-pools.ru/category-1
1. при нажатие на кнопку "в корзину" всплывает окно.
2. если в фильтре выбрать бренд, обновляется страница и кнопка "в корзину" перестает работать.

в низу сайта все так же стоит скрипт.

<!-- обновление скриптов через Ajax -->
<script type="text/javascript">
jQuery(".searchandfilter").on("sf:ajaxfinish",function(){
    jQuery("a[class*=et-shop-item]").fancybox({
            'overlayOpacity'    :   0.7,
            'overlayColor'      :   '#000000',
            'transitionIn'      : 'elastic',
            'transitionOut'     : 'elastic',
            'easingIn'          : 'easeOutBack',
            'easingOut'         : 'easeInBack',
            'speedIn'           : '700',
            'centerOnScroll'    : true,
            'autoDimensions'    : false
        });

      jQuery(function(){
		var $project_item = jQuery('.main-product');
		$project_item.mouseenter(function(e) {
			move_thumb(jQuery(this),e);
			//jQuery(this).children(".boutique_description_border").css({'display':'block', 'opacity':'0', 'top': y, 'left': x + 10}).stop(true,true).animate({'opacity': 1,'left': x},400);
			jQuery(this).children(".boutique_description_border").css({'display':'block', 'opacity':'0', 'top': y, 'left': x + 10}).stop(true,true).animate({'opacity': 1},400);
		}).mousemove(function(e) {
			move_thumb(jQuery(this),e);
			jQuery(this).children(".boutique_description_border").css({'top': y + 10,'left': x + 20});
		}).mouseleave(function() {
			jQuery(this)
			.children(".boutique_description_border")
			.stop(true,true).animate({"opacity": "hide"}, "fast");
		});

		function move_thumb(this_element,event_name){
			x = event_name.pageX - this_element.offset().left;
			y = event_name.pageY - this_element.offset().top;
		};
		
	});

});
</script>
<!-- /обновление скриптов через Ajax -->
Ответить с цитированием
  #8 (permalink)  
Старый 25.08.2015, 13:18
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,148

Сообщение от vvdexter
обновляется страница и кнопка "в корзину" перестает работать.
что у вас обновляет то и должно по новой всё инициализировать.на новых элементах никаких кликов и всплывающих окон не висит.
Ответить с цитированием
  #9 (permalink)  
Старый 25.08.2015, 13:59
Интересующийся
Отправить личное сообщение для vvdexter Посмотреть профиль Найти все сообщения от vvdexter
 
Регистрация: 18.03.2013
Сообщений: 15

Сообщение от рони Посмотреть сообщение
что у вас обновляет то и должно по новой всё инициализировать.на новых элементах никаких кликов и всплывающих окон не висит.
Поясните пожалуйста. Я так и не понял в чем ошибка.

Последний раз редактировалось vvdexter, 25.08.2015 в 14:05.
Ответить с цитированием
  #10 (permalink)  
Старый 25.08.2015, 14:53
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,148

vvdexter,
вам нужно разобратся почему не происходит событие "sf:ajaxfinish" -- либо скрипт не в самом низу - либо нет самого события
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите чайнику! Не работает скрипт в ИЕ, Хром Amon Javascript под браузер 4 13.10.2014 15:55
Помогите чайнику, перестали работать некоторые скрипты Arey jQuery 13 08.03.2014 01:32
Помогите чайнику определить местоположение объекта maydep Общие вопросы Javascript 4 02.11.2010 09:17
Помогите чайнику Jesus jQuery 8 06.10.2010 21:06
Помогите чайнику. Два одинаковых скрипта на странице. VASH132 Общие вопросы Javascript 6 28.01.2010 15:42