-1

我用了两个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>');
    });
});
4

3 回答 3

3

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>');
});

固定小提琴

于 2013-02-02T18:40:13.473 回答
0
$(".first").click(function() {
   $("#load").html('<a href="#" class="second">Twice</a>');
});
$(document).delegate(".second","click",function() {
    $("#twice").html('<a href="#" class="third">Third</a>');
});
于 2013-02-02T18:43:47.090 回答
0

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

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

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

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

于 2013-02-02T19:17:46.567 回答