ansaurus

Question

i have a question about jquery, i can't get DOM event, when i insert a new code to html DOM.

Answer 1

+2 A:

You'll want to use live for this, since the element with the id test2 isn't in the DOM yet.

$('#test2').live('click', function() {
    alert('123');
    return false;
});

Jacob Relkin 2010-08-09 00:35:25

Answer 2

+1 A:

use :

$("#test2").live('click', function(){
    alert('123');
    return false;
});

(sorry double post)

darma 2010-08-09 00:35:40

Answer 3

+2 A:

you can also do this

$(document).ready(function(){

    $("#test").click(function(){
        $.ajax({
            url:"http://address/",
            type:"post",
            data:{id:"123"},
            success: function(r)
            {
                $("#test").after(r); // it will return <div id="test2">123</div>
                $("#test2").click(function(){
                    alert('123');
                    return false;
                });
            }
        });
        return false;
    });
});

add the event after you insert the DOM element

rob waminal 2010-08-09 00:41:35

Answer 4

A:

$(document).ready(function(){

    var fn = function(ev) {
                ev.stopPropagation(); //optional
                alert('123');
                return false;
             };

    $("#test").click(function(){
        $.ajax({
            url:"http://address/",
            type:"post",
            data:{id:"123"},
            success: function(r)
            {
                $("#test").after( $(r).bind('click', fn) );
            }
        });
        return false;
    });
});

andres descalzo 2010-08-09 01:23:23

ansaurus

tags:

views:

answers:

i have a question about jquery, i can't get DOM event, when i insert a new code to html DOM.

related questions