javascript - 如何将 jquery 事件添加到添加的类中？

Question

我正在尝试创建一个图片库，我使用的是数字而不是左/右箭头。目前，我正试图让它只使用 2 个图像(即 2 个数字)

这是 html 。 id页，就是高亮的数字

 <div class="grid_1 pagelink" id="page"><p><a href="">1</a></p></div> 
<div class="grid_1 pagelink"><p><a href="">2</a></p></div> 

页面第一次加载时，下面的代码有效。所以当我点击链接 2 时，下面的代码运行正常。但是当我返回第一个链接时，我希望触发相同的代码；但是当我这样做时，页面会通过忽略下面的代码来刷新:

 $('.pagelink').live('click', function(e){
    e.preventDefault();
        var frame = $(this).text() - 1;
        var frames =     240 * frame;
    //  $('#gal').animate({marginLeft:'500px'},'slow'); 
        $('#gal').animate({marginLeft:  "+="+frames+'px'},'slow');
    $(this).attr('id', 'page').removeClass('pagelink');
    $('#page').addClass('pagelink').removeAttr('id','page');
       // $('#book').animate({    left: '50'  });
    })

我认为 .live() 会为我做到这一点，但它不起作用。

希望对你有帮助

谢谢

Answer 1

之前，这是因为您要删除用于映射单击事件的链接类“pagelink”。

此外，使用另一个类而不是 id(#page) 来识别#page 链接，如果它已经分配给其他链接，id 可能会出现问题。喜欢

$(this).removeClass('pagelink').addClass('page');
$('.page').addClass('pagelink').removeClass('page');