Önceden yazılan Jquery fonksiyonları ajax ile gelen verilere etki etmiyor...

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ı?

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.

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 () { } 
              });

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.