Ajax ile içerik çekerken event problemi |
8 Mesajlar | 1.338 Okunma | ||
- Üyelik 23.11.2015
- Yaş/Cinsiyet 30 / E
- Meslek Front-End Developer
- Konum Bursa
- Ad Soyad N** K**
- Mesajlar 311
- Beğeniler 8 / 81
- Ticaret 0, (%0)
Merhaba, bir web sitesinde ajax ile bir div'e içerik çekiyorum. Çektiğim yerde sorun yokken, çektiğim div içerisinde sorun çıkıyor. Sorun şu, çektiği div'de fotoğrafa tıklandığında bir overlay geliyor ve orada detaylı bilgi gösteriyor. Fakat çekilen div'de olmuyor. Yardımcı olabilecek var mı?
- Üyelik 03.10.2013
- Yaş/Cinsiyet 44 / E
- Meslek Yazılım Uzmanı, Matematikçi
- Konum Ankara
- Ad Soyad S** T**
- Mesajlar 1118
- Beğeniler 325 / 324
- Ticaret 2, (%100)
Ajax işlemi sonrası o öğeyi denetleyin. Büyük ihtimal css almıştır.
www.ontedi.com
www.cizgi.site
www.cizgi.site
- Üyelik 23.10.2016
- Yaş/Cinsiyet 27 / E
- Meslek Öğrenci
- Konum Denizli
- Ad Soyad K** C**
- Mesajlar 689
- Beğeniler 0 / 203
- Ticaret 6, (%100)
Çünkü çekilen div sayfa load olurken yoktu.
$(document).on("click","#ajaxDiv", function(){ alert("Merhaba"); });
- Üyelik 23.11.2015
- Yaş/Cinsiyet 30 / E
- Meslek Front-End Developer
- Konum Bursa
- Ad Soyad N** K**
- Mesajlar 311
- Beğeniler 8 / 81
- Ticaret 0, (%0)
- Üyelik 23.10.2016
- Yaş/Cinsiyet 27 / E
- Meslek Öğrenci
- Konum Denizli
- Ad Soyad K** C**
- Mesajlar 689
- Beğeniler 0 / 203
- Ticaret 6, (%100)
ajax ile sayfaya gelenleler
- Üyelik 23.11.2015
- Yaş/Cinsiyet 30 / E
- Meslek Front-End Developer
- Konum Bursa
- Ad Soyad N** K**
- Mesajlar 311
- Beğeniler 8 / 81
- Ticaret 0, (%0)
KadirCeyhan evet ondanmış hocam. Peki o click eventlerini nasıl çekebilirim oraya? İçeriği çekiyorum ancak eventlerin de gelmesi gerekiyor.
- Üyelik 23.10.2016
- Yaş/Cinsiyet 27 / E
- Meslek Öğrenci
- Konum Denizli
- Ad Soyad K** C**
- Mesajlar 689
- Beğeniler 0 / 203
- Ticaret 6, (%100)
Senin javascript kodların direkt olarak selector click ile yazılmıştır tahmin ediyorum.
Doğrusu:
Doğrusu:
$(document).on("click","#ajaxDiv", function(){
// Tıklanınca Olcaklar. #ajaxDiv kısmını değiştirmeyi unutmayın.
});
- Üyelik 23.11.2015
- Yaş/Cinsiyet 30 / E
- Meslek Front-End Developer
- Konum Bursa
- Ad Soyad N** K**
- Mesajlar 311
- Beğeniler 8 / 81
- Ticaret 0, (%0)
Ben şöyle kodları yazayım. Size zahmet düzenleyin. Yaptım ancak olmadı.
function sendAjaxRequest(url) {
var result = jQuery.ajax({
type: 'GET',
context: document.body,
url: url,
dataType: "html",
async: true,
beforeSend: function() {
},
success: function(data) {
var $content = jQuery(data);
jQuery("#ajax-main-content").html(jQuery("#ajax-content-container", $content).html());
jQuery(".close-icon").removeClass("hidden");
jQuery('html, body').stop().animate({
scrollTop: jQuery("#ajax-content-scroll").offset().top - jQuery('#top-nav').outerHeight() - 100
}, 1000, 'easeInOutExpo');
jQuery("#ajax-main-content").slideDown();
}
}).responseText;
return result;
}
jQuery(document).ready(function() {
jQuery(".ajax-loader-link-acar").on("click", function() {
var href = jQuery(this).attr("href");
var target = jQuery(this).data("target");
if (jQuery(target).length) {
jQuery("#ajax-main-content").html(jQuery(target).html());
jQuery(".section-header", jQuery("#ajax-main-content")).css({
paddingTop: '20px'
});
jQuery(".close-icon").removeClass("hidden");
jQuery('html, body').stop().animate({
scrollTop: jQuery("#ajax-content-scroll").offset().top - jQuery('#top-nav').outerHeight() - 100
}, 1000, 'easeInOutExpo');
jQuery("#ajax-main-content").slideDown();
} else if (href != "#" && href != "") {
var result = sendAjaxRequest(href.replace('#', ''));
}
return false;
});
jQuery(".close-icon").on("click", function() {
jQuery("#ajax-main-content").slideUp();
jQuery(this).addClass("hidden");
return false;
});
Konuyu toplam 8 kişi okuyor. (0 kullanıcı ve 8 misafir)