tumblr: расширенные фотосеты + бесконечная прокрутка не отображаются при загрузке новой страницы?

В теме Tumblr я пытаюсь использовать несколько сценариев в тандеме, и технически они все работают, но одна вещь, кажется, дает сбой. сценарии, которые могут вызывать проблему, - это бесконечные прокрутки, каменная кладка и расширенные фотосеты pixelunion из того, что я могу сказать?

на странице "указатель" (я не уверен, как на это сослаться? я имею в виду первую "страницу" содержимого до того, как начнется бесконечная прокрутка), все хорошо отображается в скрипте расширенных фотосетей. но затем, когда новые страницы загружаются с помощью бесконечной прокрутки, все наборы фотографий отображаются как пустые, без содержимого вообще

Я следовал инструкциям других людей о том, как вообще установить эти сценарии в тандеме, так что, по общему признанию, я действительно не знаю, что здесь происходит, и мог бы использовать некоторую помощь

блог и последующая тема, о которой идет речь, находятся здесь, и это учебник, которому я следовал, если это поможет

У меня проблемы с отображением фрагментов кода, пожалуйста, потерпите меня

это кладка / бесконечный свиток, который я уже установил:

<script type="text/javascript">
$(window).load(function () {
$('#content').masonry(),
$('.masonryWrap').infinitescroll({ 
itemSelector : ".container", 
navSelector : "div.navigation",
nextSelector : ".navigation a#next",
bufferPx : 10000,
extraScrollPx: 10000,
loadingImg : "",
loadingText : "",
},
function() { $('#content').masonry({ appendedContent: $(this) }); 
});
 });</script>
<script 
src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js" 
type="text/javascript"></script>
<script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js" 
type="text/javascript"></script>
<script type="text/javascript">// <![CDATA[
$(function(){
var $container = $('#content');
$container.imagesLoaded(function(){
$container.masonry({
itemSelector: '#post',
});
});
$container.infinitescroll({
itemSelector : "#post",
navSelector : "div.pagination",
nextSelector : ".pagination a#next",
loadingImg : "",
loadingText : "<em></em>",
bufferPx : 10000,
extraScrollPx: 12000,
},
// trigger Masonry as a callback
function( newElements ) {
  var $newElems = $( newElements ).css({ opacity: 0 });
// ensure that images load before adding to masonry layout
$newElems.imagesLoaded(function(){
$newElems.animate({ opacity: 1 });
$container.masonry( 'appended', $newElems, true );
});
}
);
});
// ]]>    
</script>

и это код pxu, который я получил из учебника:

<script>
$(document).ready(function(){
$('.photo-slideshow').pxuPhotoset({
lightbox: true,
rounded: false,
gutter: '5px',
photoset: '.photo-slideshow',
photoWrap: '.photo-data',
photo: '.pxu-photo'
});
{block:IndexPage}
var $container = $('.content');
$container.masonry({ itemSelector: '.post' });
$container.imagesLoaded(function(){
$container.masonry();
$container.find('.entry').animate({ opacity: 1, zIndex: 1 });
});
{block:ifInfiniteScroll}
$container.infinitescroll({
itemSelector: '.post',
navSelector: '.pagination',
nextSelector: '.next',
loadingImg: '',
loadingText: '<em></em>',
bufferPx: 2000
},
function( newElements ) {
var $newElems = $( newElements );
$newElems.find('.photo-slideshow').pxuPhotoset({
lightbox: true,
rounded: false,
gutter: '1px',
photoset: '.photo-slideshow',
photoWrap: '.photo-data',
photo: '.pxu-photo'
},
function(){
$container.masonry();
});
$newElems.imagesLoaded(function(){
$container.masonry( 'appended', $newElems );
$newElems.animate({ opacity: 1, zIndex: 1 });
});
});
$container.on( 'append.infiniteScroll', function( event, response, path, 
items ) {
$( '.photo-slideshow' ).pxuPhotoset();
});
$('#content').infinitescroll({
navSelector  : "div.navigation",            
nextSelector : "div.navigation a:first",    
itemSelector : "#content #post"          
},function(newElements){
$(newElements).find('.photo-slideshow').pxuPhotoset();}
});
{/block:ifInfiniteScroll}
{/block:IndexPage}});
</script>

я знаю, что с этим есть избыточность, но, к сожалению, бесконечная прокрутка не сработает, если я не включу все это, я пытался удалить вещи и добавить их обратно, чтобы увидеть, что также вызвало это, но я не мог понять это. Насколько я знаю, это может быть причиной проблемы orz

спасибо всем заранее за чтение, любая помощь будет принята с благодарностью. для всех, кто хочет помочь, мне очень жаль, но реальность такова, что я действительно тупой, поэтому я попрошу о терпении, пожалуйста

0 ответов

Другие вопросы по тегам