v2.5.2
Giriş yap

Ajaxla çağırdığım HTML kodu javascript'te bulamıyorum.

istek61
511 defa görüntülendi

Şö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); }
  	})
});

istek61
1042 gün önce

kısacası ajax ile <button id="test">deneme</button> html'ini sayfaya eklediğimizi düşünelim.

$("test").click..... function u bu butonu göremiyor. neden ?