jquery - 不知道如何使用版本 1.7 中的 jQuery "live"

Question

这里有一个显示/隐藏文本的小片段。问题是“readless”类不会触发单击事件。通常我会使用 jQuery 的“live”功能，但由于它已被弃用，取而代之的是“on”，我想知道我该怎么做？

这是一个jsfiddle: http://jsfiddle.net/SSAu2/

代码:

$(document).ready(function(){

    var showHiddenText = function(e){

        e.preventDefault();

        var $this = $(this);
        $this.prev().fadeIn();
        $this.text("less").removeClass("readmore-anchor").addClass("readless-anchor");
    };

    var hideShownText = function(e){

        e.preventDefault();

        var $this = $(this);
        $this.prev().fadeOut();
        $this.text("more").removeClass("readless-anchor").addClass("readmore-anchor");
    };

    $(".readmore").after("<a href='#' class='readmore-anchor'>More</a>");
    $(".readmore-anchor").on("click", showHiddenText);
    $(".readless-anchor").on("click", hideShownText);

});​

Answer 1

你可以尝试这样:

$(document).on("click",".readmore-anchor", showHiddenText);
$(document).on("click",".readless-anchor", hideShownText);

Live demo