• 03-05-2013, 09:13:25
    #1
    arkadaşlar jquery append ile bir textbox olusturuytorum + işaretıne bastıkca asagıda yenı textbox ekletıyorum ve her yenı eklenen textbox yanına - işaretı koyuyorum bu basıncada tekrardan bu append ile yeni oluşan textbox kalkmasını silinmesini istiyorum fakat

    append nesnesiyle olusturulan nesneler .click fonksiyonunu calıstıramıyorum izin vermıyo acil lazım
  • 03-05-2013, 09:19:38
    #2
    şöyle deneyin.

    $('.nesne').live('click',function(){
    $(this).remove()
    })
    veya,
    $('.nesne').on('click',function(){
    $(this).remove()
    })
  • 03-05-2013, 09:21:54
    #3
    şimdi her ikisinide denedim olmadı bi kodlarımı sizinle paylaşıyporum

    $('#pluskisi').click(function() {

    var yolcu = $('#yolcu').val();

    if($('#adsoyad').val()!="Adı Soyadı" && $('#adtelefon').val()!="Telefon")
    {
    $('#kisiler').append('<input type="text" disabled="disabled" class="textbox1" id="sss" name="sss" style="margin-left:0px; width:400px;" value="'+yolcu+' / '+$('#adsoyad').val()+' / '+$('#adtelefon').val()+'"/> <img src="lib/images/eksi.png" style="margin-top:5px; margin-left:5px;" id="eksi" longdesc="sss"/><br><br>');
    }
    else
    {
    $('#kisiler').append('<input type="text" disabled="disabled" class="textbox1" id="telefon" style="margin-left:0px;" value="'+yolcu+'"/> <img src="lib/images/eksi.png" style="margin-top:5px; margin-left:5px;" id="eksi" /> <br><br>');
    }


    });


    $('#eksi').on('click',function(){
    $(this).remove()
    });




    burada ilk click append işlemi calısıyor asagıdaki #eksi calısmıyor
  • 03-05-2013, 10:14:07
    #4
    <script>
    $(document).ready(function(e) {
    	
    	$(".addAfield").click(function() {
    		$(".inputs").append("<div class='newInput'><input type='text'><span class='removeIt'>(-)</span></div>");		
    	});
    	$(".removeIt").live("click",function() { 
    		$(this).parents(".newInput").remove();
    	});
    
    });
    </script>
    <a class="addAfield">Yeni Textbox Ekle</a>
    <div class="inputs"></div>
    Bu da çalışan versiyonu arkadaşım.
    http://cengizhanpeker.net/dynamicInput/

    Umarım işini görür.

    Not: Sonradan eklediğin dinamik nesnelerin işlemlerini "live" ile yapabilirsin.
  • 03-05-2013, 11:06:02
    #5
    çok tesekkurler oldu

    Kocaportal adlı üyeden alıntı: mesajı görüntüle
    <script>
    $(document).ready(function(e) {
    	
    	$(".addAfield").click(function() {
    		$(".inputs").append("<div class='newInput'><input type='text'><span class='removeIt'>(-)</span></div>");		
    	});
    	$(".removeIt").live("click",function() { 
    		$(this).parents(".newInput").remove();
    	});
    
    });
    </script>
    <a class="addAfield">Yeni Textbox Ekle</a>
    <div class="inputs"></div>
    Bu da çalışan versiyonu arkadaşım.
    http://cengizhanpeker.net/dynamicInput/

    Umarım işini görür.

    Not: Sonradan eklediğin dinamik nesnelerin işlemlerini "live" ile yapabilirsin.