JQuery duvarcılık kullanıyorum ve şimdi sonsuz kaydırma ekliyorum. Hemen hemen her duvarda "tuğla" görüntü var ve sonsuz kaydırma kullanmadan önce görüntüleri iyi yüklendi ve her şey harikaydı. Javascript'in bir sonraki parçasını sonsuz kaydırma için ekledim ve içerisine imagesLoaded yöntemini ekledim ama yeni tuğlalar eklendiğinde hepsinin üstüne yığıldılar. Benim varsayım, sonsuz kaydırma geri arama içinde imagesLoaded yöntemi düzgün eklemiyorum ama benim hata bulamadık. İşte ilk JQuery duvar arama düzgün çalışıyor ve dokunulamadı. Bir problem olduğu görülen ikinci bölüm. Yardımlarınız için teşekkürler ve daha fazla bilgiye ihtiyacınız varsa bildirin.imagesYılınan yöntem JQuery masonry ve sonsuz kaydırma ile çalışmıyor
8
A
cevap
12
Burada sorun Sonsuz kaydırma geri arama işlevi içinde $ kabın üzerine .imagesLoaded() çağırıyordu ve ben $ newElements üzerinde çağırmak gerekirdi oldu cevap
$(function(){
var $container = $('#container');
$container.imagesLoaded(function(){
$container.masonry({
itemSelector : '.tile',
columnWidth : 240
});
});
$container.infinitescroll({
navSelector : '.flickr_pagination', // selector for the paged navigation
nextSelector : 'a.next_page', // selector for the NEXT link (to page 2)
itemSelector : '.tile', // selector for all items you'll retrieve
loading: {
finishedMsg: 'No more pages to load.',
img: 'http://i.imgur.com/6RMhx.gif'
}
},
// trigger Masonry as a callback
function(newElements) {
// hide new items while they are loading
var $newElems = $(newElements).css({ opacity: 0 });
// ensure that images load before adding to masonry layout
$newElems.imagesLoaded(function(){
// show elems now they're ready
$newElems.animate({ opacity: 1 });
$container.masonry('appended', $newElems, true);
});
}
);
});
bu.
+1
Bu konuda yeni bir soru başlamanızı öneririm, sorunu gidermek için kodunuzu görmeniz gerekir. – wuliwong
İlgili konular
- 1. jQuery Masonry ile sonsuz kaydırmayı nasıl eklerim?
- 2. ExtJS: Sonsuz kaydırma çalışmıyor
- 3. Backbone.js ile sonsuz/sonsuz kaydırma tipi çözüm
- 4. Gruplandırılmış Veri Sonsuz Kaydırma ListView Kendo Çalışmıyor
- 5. İyonik sonsuz kaydırma tüm android cihazlarda çalışmıyor
- 6. Sonsuz Kaydırma
- 7. Sonsuz kaydırma ile birden fazla iyon kaydırması
- 8. NSScrollView sonsuz/sonsuz kaydırma | alt görünüm yeniden
- 9. Sonsuz Kaydırma UIPageViewController
- 10. django içinde sonsuz kaydırma
- 11. jQuery Kaydırma ve kaydırma etkinleştirme
- 12. izotop & Sonsuz Elle tetikleme ile kaydırma
- 13. JQuery mousdown, setInterval ile sonsuz
- 14. Sonsuz kaydırma resmiyle Sonsuz galeri görüntülerini dinamik olarak yükleme
- 15. Sonsuz yatay jQuery toplayıcı
- 16. android galeri Widget sonsuz kaydırma
- 17. , JQuery, Masonry ve Images ile birlikteJS gerektirir: Nesne [object Object] 'imagesLoaded' yöntemine sahip değildir.
- 18. Geri arama fonksiyonu ile jquery animasyonu kaydırma çalışmıyor
- 19. Kaydırma İşlevi Çalışmıyor
- 20. Yeni ajax içeriğiyle sonsuz kaydırma sıfırlaması nasıl yapılır
- 21. Meteor'da sonsuz kaydırma ve gerçek zamanlı güncelleştirmeler yapmanın ideal yolu
- 22. Windows Core API ile sonsuz kaydırma çubuğu denetimi nasıl yapılır?
- 23. jquery: eventObject.pageY ve kaydırma çubuğu
- 24. RecyclerView'da Sonsuz Kaydırma: Bunu nasıl uygulamalıyım?
- 25. Bing resim arama çağrı sonsuz kaydırma
- 26. Sonsuz Birden Fazla Sütun Jquery
- 27. RichTextBox yatay kaydırma çalışmıyor
- 28. İyonik 3.X: Sonsuz kaydırma ile sanal kaydırma (yani veri kümesini değiştirme)
- 29. Kaydırma çubukları ve jquery ile gönderme .width() yöntemi
- 30. Taşıma Kaydırma jQuery olay Drag ile barlar ve
Ek bir gözlem, tabana doğru kaydırdığımda, sayfaların kaybolmadan önce bir an için sayfalandırma denetimlerini görmüyorum. Ayrıca, bir Sinatra uygulamasında will_paginate gem kullanıyorum. – wuliwong