Перейти к содержимому


Фотография
- - - - -

infinitescroll, fancybox и прочие скрипты


Сообщений в теме: 4

#1 runyugin

runyugin

Отправлено 15 June 2015 - 10:38

Подключил плагин подгрузки страниц infinitescroll

 

http://allwheelchairs.ru/

jQuery(function ($) {	
	
	$('.items-col-4').infinitescroll({
		navSelector  	: ".pagination .next:last",
		nextSelector 	: ".pagination a.next:last",
		itemSelector 	: ".items-col-4",
		debug		 	: true,
		dataType	 	: 'html',
//		prefill			: true,
//		path: ["http://nuvique/infinite-scroll/test/index", ".html"]

		// behavior		: 'twitter',
		// appendCallback	: false, // USE FOR PREPENDING
		// pathParse     	: function( pathStr, nextPage ){ return pathStr.replace('2', nextPage ); }
    }, function(newElements, data, url){
    	//USE FOR PREPENDING
    	// $(newElements).css('background-color','#ffef00');
    	// $(this).prepend(newElements);
    	//
    	//END OF PREPENDING

//    	window.console && console.log('context: ',this);
//    	window.console && console.log('returned: ', newElements);
    	
    });
	
	

	
	
});	
	</script>

В teaser.php выводиться элемент jbimage в котором прописан скрипт:

<script>

	jQuery(function($){ 
	$("#quickview-<?php echo $quickview; ?>").fancybox({"type":"iframe","fitToView":true,"width":"900","height":400,"autoSize":"true","iframe":{"scrolling":"no","preload":true},"closeClick":false,"title":false,"helpers":{"overlay":{"locked":true}}});
	});
</script>

но он выводиться у первых 8 ми загруженных товаров до срабатывания  infinitescroll

 

2015-06-15 12-36-06 Скриншот экрана.png

 

Как заставить работать скрипты после скроллинга.


  • 0

#2 Cheren-dow

Cheren-dow

Отправлено 15 June 2015 - 13:05

runyugin, у данного скрипта думаю должна быть callback функция в которой можно заново сделать инициализацию fancybox


Сообщение отредактировал Cheren-dow: 15 June 2015 - 13:05

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

#3 runyugin

runyugin

Отправлено 15 June 2015 - 13:18

а как работают эти callback? там весь скрипт елемента надо прописывать? и там же получается для каждого тизера свой скрипт для открытия fancybox...


  • 0

#4 Cheren-dow

Cheren-dow

Отправлено 15 June 2015 - 13:32

а как работают эти callback?

Это обычная функция в которой пишется JS, из документации вам нужно

ah07_200x0.png

и там же получается для каждого тизера свой скрипт для открытия fancybox...

Можно дописать какой то класс и делать новую инициализацию на этот класс. 


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

#5 runyugin

runyugin

Отправлено 18 June 2015 - 10:55

<script>

    jQuery(function ($) {

        $(document).ready(function () {
            $(".jbquickview-modal-window-2").click(function () {
                $(".jbquickview-modal-window-2").fancybox({
                    "type"      : "iframe",
                    "fitToView" : true,
                    "width"     : "900",
                    "height"    : 400,
                    "autoSize"  : "true",
                    "iframe"    : {"scrolling": "no", "preload": true},
                    "closeClick": false,
                    "title"     : false,
                    "helpers"   : {"overlay": {"locked": true}}
                });
            });
        });
    });
</script>	
поставил такой скрипт
но теперь он вызывается после скролинга у подгруженного товара только в случае если сначала был вызван у товаров с первой страницы.... помогите с решением...
  • 0




Click to return to top of page in style!