jquery - 通过 jQuery 加载后无法使用 jQuery

Question

我用了两个jquery

首先点击“First”并显示内容

点击“两次”后不显示内容

我的代码的这个链接：http: //jsfiddle.net/cFxsa/

代码 ：

$(function(){
    $('.first').click(function(){
        $('#load').html('<a href="#" class="second">Twice</a>');
    });

    $('.second').click(function(){
        $('#twice').html('<a href="#" class="third">Third</a>');
    });
});

Answer 1

click只能附加到现有元素，.second在您尝试添加回调后添加，on支持delegation events：

$('.first').click(function(){
    $('#load').html('<a href="#" class="second">Twice</a>');
});

$('#containerId').on('click', '.second', function(){
    $('#twice').html('<a href="#" class="third">Third</a>');
});

固定小提琴

Answer 2

$(".first").click(function() {
   $("#load").html('<a href="#" class="second">Twice</a>');
});
$(document).delegate(".second","click",function() {
    $("#twice").html('<a href="#" class="third">Third</a>');
});

Answer 3

在 $('.first').click() 之后为 $('.second') 重新分配 .click() ，因为 .html() 插入了新事物。为了更容易使用如下功能：

Function firstClick(){ -- 你的代码 } Function secondClick(){ -- 你的代码 }

可以更容易重新签名..只需调用“secondClick();”

希望这会有所帮助.. :)