Ajaxla çağırdığım HTML kodu javascript'te bulamıyorum.
Şöyle bir sorunum var.
Sayfaya HTML deki şablonu yazınca normal çalışıyor.
- ve + butonları ile inputtaki sayı artıyor ve azalıyor.
ama bu HTML kodu ajax ile aynı yere .html(kod) gibi ekledigimde
HTML aynı şekilde gözüküyor fakat - ve + tuşları herhangi bir fonksiyon göstermiyor
sebebi nedir ?
javascript ready ilk başta sayfayı okudugu için o şekilde mi hazır bekliyor? ajaxtan gelen yeni veriyi görmüyor mu ?
bunu nasıl aşabilirim?
<div id="rows" class="bottomline" data-id="">
<div class="pic"><img src="dosya.jpg" /></div>
<div id="column" class="">
<div class="b9">Ürün Adı</div>
<div>açıklama...</div>
</div>
<div id="column" class="">
<div class="badge1">Stok: 10</div>
<div class="badge2">Fiyat: 20 TL TL</div>
<div class="input-group">
<span class="input-group-btn">
<button type="button" class="minus btn btn-danger btn-number" data-type="minus" data-field="">
<span class="glyphicon glyphicon-minus"></span>
</button>
</span>
<input type="text" id="quantity" name="quantity" class="form-control input-number qy" value="0" data-min="0" data-max="10">
<span class="input-group-btn">
<button type="button" class="plus btn btn-success btn-number" data-type="plus" data-field="">
<span class="glyphicon glyphicon-plus"></span>
</button>
</span>
</div>
</div>
<div id="column" class="">
<button type="button" class="addbtn btn btn-outline">EKLE</button></div>
</div>
$(document).ready(function() {
const minus = $('.minus');
const plus = $('.plus');
minus.click(function(e) {
e.preventDefault();
console.log($(this));
const input = $(this).closest(".input-group").find(".qy");
const max = $(this).closest(".input-group").find(".qy").attr("data-max");
const min = $(this).closest(".input-group").find(".qy").attr("data-min");
var value = input.val();
value--;
if (value < min || value > max) { return; }
else { input.val(value); }
});
plus.click(function(e) {
e.preventDefault();
const input = $(this).closest(".input-group").find(".qy");
const max = $(this).closest(".input-group").find(".qy").attr("data-max");
const min = $(this).closest(".input-group").find(".qy").attr("data-min");
var value = input.val();
value++;
if (value < min || value > max) { return; }
else { input.val(value); }
})
});
abdullahx ilgin için teşekkür ederim fakat çalışmıyor.
kodu direkt bu şekilde yazıp çalıştırdığımda hiçbir sorun yok.
<div id="xx">
<button id="test">buton 1</button>
</div>
$(function() {
$("#test").on("click",function(e) {
alert("xx")
});
});
Fakat xx id'li div'e ajax success den bu kodu gönderdigimde buton ekrana çıkıyor ama click çalışmıyor
data = '<button id="test">buton 1</button>';
$("#xx").show().html(data);