JQuery和点击功能

Question

这段代码没有按预期工作,我做错了什么？

$(document).ready(function(){
  $("a.hide-para").click(function(){
    $('p').hide();
    $(this).html('Show Paragraphs').removeClass('hide-para').addClass('show-para');
  });
  $("a.show-para").click(function(){
    $('p').show();
    $(this).html('Hide Paragraphs').removeClass('show-para').addClass('hide-para');
  });
});

Answer 1

它不起作用,因为在元素绑定到特定元素/类组合后动态添加/删除类.也就是说,在与该类有任何链接之前,您将点击事件添加到具有"show-para"类的链接(或者可能反过来,具体取决于您的默认值)

在任何一种情况下,jQuery都有解决这个问题的live功能,只需将click处理程序更改为.live('click', function(){ })