Arama butonu
Bu konudaki kullanıcılar: 1 misafir
5
Cevap
554
Tıklama
0
Öne Çıkarma
Önceden yazılan Jquery fonksiyonları ajax ile gelen verilere etki etmiyor...
T
10 yıl (39 mesaj)
Onbaşı
Konu Sahibi

Merhaba arkadaşlar , Owl carousel slider var elimde . Arama sonuçları sayfasında her bir itemin(konunun) fotoğrafında owl carousel slideri kullanıyorum. Burda sorun yok , fakat ajax ile scroll indikçe listeleme yaptığım için sonradan gelen sliderlar çalışmıyor. Bunun bi çözümü var mı?

DH forumlarında vakit geçirmekten keyif alıyor gibisin ancak giriş yapmadığını görüyoruz.

Üye olduğunda özel mesaj gönderebilir, beğendiğin konuları favorilerine ekleyip takibe alabilir ve daha önce gezdiğin konulara hızlıca erişebilirsin.

Üye Ol Şimdi Değil



E
10 yıl (3264 mesaj)
Yarbay

quote:

Orijinalden alıntı: taslan39

Merhaba arkadaşlar , Owl carousel slider var elimde . Arama sonuçları sayfasında her bir itemin(konunun) fotoğrafında owl carousel slideri kullanıyorum. Burda sorun yok , fakat ajax ile scroll indikçe listeleme yaptığım için sonradan gelen sliderlar çalışmıyor. Bunun bi çözümü var mı?

Jquery kodun muhtemelen sadece $(document).read(); içerisinde yazıyordur. Ajax ile veriyi çektiğinde kodlar yeni gelen DOM objelerine uygulanmaz. O yüzden ajax'ta işlem başarıyla tamamlandığında aynı metodu tekrar çağır yani;

Ajax' ın succuess metodunda aynı işlemleri tekrar yaz.





< Bu mesaj bu kişi tarafından değiştirildi ElwinVanDyke -- 17 Eylül 2016; 22:23:06 >
Bu mesaja 1 cevap geldi.
T
10 yıl (39 mesaj)
Onbaşı
Konu Sahibi

quote:

Orijinalden alıntı: L[A]hor

quote:

Orijinalden alıntı: taslan39

Merhaba arkadaşlar , Owl carousel slider var elimde . Arama sonuçları sayfasında her bir itemin(konunun) fotoğrafında owl carousel slideri kullanıyorum. Burda sorun yok , fakat ajax ile scroll indikçe listeleme yaptığım için sonradan gelen sliderlar çalışmıyor. Bunun bi çözümü var mı?

Jquery kodun muhtemelen sadece $(document).read(); içerisinde yazıyordur. Ajax ile veriyi çektiğinde kodlar yeni gelen DOM objelerine uygulanmaz. O yüzden ajax'ta işlem başarıyla tamamlandığında aynı metodu tekrar çağır yani;

Ajax' ın succuess metodunda aynı işlemleri tekrar yaz.

Dediğiniz olayı denedim hocam fakat sonuç yine aynı
            $.ajax({ 
url: url,
type: "GET",
cache:true,
data: { rowcount: $("#rowcount").val() },
beforeSend: function () {
$('.searchloading').show();
},
complete: function () {
$('.searchloading').hide();
},
success: function (data) {
$(".search_result_container").append(data);
$(".owl-ItemGallery").owlCarousel({
lazyLoad: true,
slideSpeed: 300,
paginationSpeed: 400,
autoPlay: false,
singleItem: true,
pagination: false,
navigation: true,
navigationText: ["<img src='<%=genel("domain") %>/img/spacer.gif' />","<img src='<%=genel("domain") %>/img/spacer.gif' />"],
});
},
error: function () { }
});


Bu mesaja 1 cevap geldi.
E
10 yıl (3264 mesaj)
Yarbay

quote:

Orijinalden alıntı: taslan39

quote:

Orijinalden alıntı: L[A]hor

quote:

Orijinalden alıntı: taslan39

Merhaba arkadaşlar , Owl carousel slider var elimde . Arama sonuçları sayfasında her bir itemin(konunun) fotoğrafında owl carousel slideri kullanıyorum. Burda sorun yok , fakat ajax ile scroll indikçe listeleme yaptığım için sonradan gelen sliderlar çalışmıyor. Bunun bi çözümü var mı?

Jquery kodun muhtemelen sadece $(document).read(); içerisinde yazıyordur. Ajax ile veriyi çektiğinde kodlar yeni gelen DOM objelerine uygulanmaz. O yüzden ajax'ta işlem başarıyla tamamlandığında aynı metodu tekrar çağır yani;

Ajax' ın succuess metodunda aynı işlemleri tekrar yaz.

Dediğiniz olayı denedim hocam fakat sonuç yine aynı
            $.ajax({ 
url: url,
type: "GET",
cache:true,
data: { rowcount: $("#rowcount").val() },
beforeSend: function () {
$('.searchloading').show();
},
complete: function () {
$('.searchloading').hide();
},
success: function (data) {
$(".search_result_container").append(data);
$(".owl-ItemGallery").owlCarousel({
lazyLoad: true,
slideSpeed: 300,
paginationSpeed: 400,
autoPlay: false,
singleItem: true,
pagination: false,
navigation: true,
navigationText: ["<img src='<%=genel("domain") %>/img/spacer.gif' />","<img src='<%=genel("domain") %>/img/spacer.gif' />"],
});
},
error: function () { }
});


Zahmet olacak ama bir de aynı kodu Complete kısmında deneyebilir misiniz ? Ayrıca browser' dan öğeyi incele dedikten sonra bir debug ile kontrol edebilir misiniz Ajax kısımlarını. Bir de son olarak Console kısmına geçip yapmak istediğinizi console' da yazıp deneyebilir misiniz ? Eğer bir hata varsa o sırada karşınıza çıkacaktır.

Ek olarak; Jquery de trigger() var metodu çalıştırmak için onu da deneyebilrsiniz. Tekrar tekrar yazmayın.


Bu mesaja 1 cevap geldi.
T
10 yıl (39 mesaj)
Onbaşı
Konu Sahibi

quote:

Orijinalden alıntı: L[A]hor

quote:

Orijinalden alıntı: taslan39

quote:

Orijinalden alıntı: L[A]hor

quote:

Orijinalden alıntı: taslan39

Merhaba arkadaşlar , Owl carousel slider var elimde . Arama sonuçları sayfasında her bir itemin(konunun) fotoğrafında owl carousel slideri kullanıyorum. Burda sorun yok , fakat ajax ile scroll indikçe listeleme yaptığım için sonradan gelen sliderlar çalışmıyor. Bunun bi çözümü var mı?

Jquery kodun muhtemelen sadece $(document).read(); içerisinde yazıyordur. Ajax ile veriyi çektiğinde kodlar yeni gelen DOM objelerine uygulanmaz. O yüzden ajax'ta işlem başarıyla tamamlandığında aynı metodu tekrar çağır yani;

Ajax' ın succuess metodunda aynı işlemleri tekrar yaz.

Dediğiniz olayı denedim hocam fakat sonuç yine aynı
            $.ajax({ 
url: url,
type: "GET",
cache:true,
data: { rowcount: $("#rowcount").val() },
beforeSend: function () {
$('.searchloading').show();
},
complete: function () {
$('.searchloading').hide();
},
success: function (data) {
$(".search_result_container").append(data);
$(".owl-ItemGallery").owlCarousel({
lazyLoad: true,
slideSpeed: 300,
paginationSpeed: 400,
autoPlay: false,
singleItem: true,
pagination: false,
navigation: true,
navigationText: ["<img src='<%=genel("domain") %>/img/spacer.gif' />","<img src='<%=genel("domain") %>/img/spacer.gif' />"],
});
},
error: function () { }
});


Zahmet olacak ama bir de aynı kodu Complete kısmında deneyebilir misiniz ? Ayrıca browser' dan öğeyi incele dedikten sonra bir debug ile kontrol edebilir misiniz Ajax kısımlarını. Bir de son olarak Console kısmına geçip yapmak istediğinizi console' da yazıp deneyebilir misiniz ? Eğer bir hata varsa o sırada karşınıza çıkacaktır.

Ek olarak; Jquery de trigger() var metodu çalıştırmak için onu da deneyebilrsiniz. Tekrar tekrar yazmayın.

Yanıtlarınız için teşşekkür ederim hocam. Farklı bi yolla çözüme ulaştım . Owl 2 kullandım slider olarak . ve fonksiyonu hep document ready içine hemde ajaxın success kısmına yazdım . Tekrar teşekkür ederim.


Bu mesaja 1 cevap geldi.
E
10 yıl (3264 mesaj)
Yarbay

Ne demek, rica ederim



< Bu ileti mobil sürüm kullanılarak atıldı >


Bu mesajda bahsedilenler: @taslan39
DH Mobil uygulaması ile devam edin. Mobil tarayıcınız ile mümkün olanların yanı sıra, birçok yeni ve faydalı özelliğe erişin. Gizle ve güncelleme çıkana kadar tekrar gösterme.