Raas ile Javascript'teki Görüntülerin Oluşturulması 3.1

Raylar 3.1 şimdi, varlık boru hattını kullanarak bir görüntü oluştururken image_tag'u kullanmanızı gerektirir.Raas ile Javascript'teki Görüntülerin Oluşturulması 3.1

Uygulamamda sonsuz kaydırma yaptım ve kodu js.coffee dosyasına koydum. Daha fazla ürün yüklü iken bir iplik yükleme gif açmak istiyorum. Bu dosya ray kodunu desteklemediğinden image_tag kullanamıyorum, ancak burada yazmayı denedim, ne yapmaya çalıştığımı anlıyorsunuz.

jQuery -> 
    if $('.pagination').length 
    $(window).scroll -> 
     url = $('.pagination .next_page').attr('href') 
     if url && $(window).scrollTop() > $(document).height() - $(window).height() - 1200 
     $('.pagination').html("<%= image_tag("loading.gif") %> Loading more...") 
     $.getScript(url) 
    $(window).scroll()

Daha önce, ben sadece <img src=... kullanarak, saf HTML olarak yazılı olurdu Ama bu artık varlık boru hattı ile birlikte çalışacaktır. Bunu nasıl başarabilirim?

kaynak

2012-06-20 tob88

Düz HTML'yi kullanmak gayet iyi çalışmalıdır.

Kullanarak: loading.gifassets/images içinde <img src="/assets/loading.gif" /> kullanıyor. senin Js dosya uzantısı kendi javascript içine gömülü yakut kullanmanızı sağlayacak filename.js.erb veya filename.js.coffee.erb dosyasını değiştirerek Ruby on Rails Guide, Section 2.2.3 gereğince GÜNCELLEME 21/06/2012

Öğelerinizin saklandığı yola erişmek için asset_path yardımcı programını kullanabilirsiniz.

kaynak

2012-06-20 18:03:25 Zajn

Bu sadece parmak izi parçasını eklediğimde üretimde çalışmayacak mı? – tob88

Hmm, iyi bir nokta gibi bir şey olmalı. Bunu düşünmemiştim, çünkü sadece benim dev ortamımda bir şeyle oynuyordum. Birazdan buraya bir göz atacağım. – Zajn

Yani, image_tag öğesini displaydeki gösterimde bir div'a koyabilirim ve sonra js kodunda $ ('. PaginationLoader'). Ama bu sadece gereksiz görünüyor ve etrafta biraz iş var, mutlaka daha iyi bir yol olmalı. Bir şeyle gelebilseydin ilgilenirdim, teşekkürler! – tob88

Raas ile Javascript'teki Görüntülerin Oluşturulması 3.1

cevap

İlgili konular