使用JQuery处理切换的onclick

showAllComment

尝试这样做:

function showAllComment( comment, shortCommentLen, showFullComment )
{
    alert( $("#blah").html() );

    if( showFullComment )
    {
        $("#blah").html( comment );
        $("#blah").click( function () { showAllComment(comment, shortCommentLen, false);} );
    }
    else
    {
        $("#blah").html( comment.substring( 0, shortCommentLen ) + "..." );
        $("#blah").click( function () {showAllComment( comment, shortCommentLen, true );} );
    }
}

这样,您将调用封装在一个匿名函数中,因此一旦单击 #bla

未启用javascript的用户将无法读取注释。更好的方法是将整个评论包含在 span 并使javascript在页面加载时截断它:

javascript:

$(function() {
    $(".blah").each( function() {
        var shortCommentLen = 9;
        var comment = $(this).html();                   
        $(this).html(shortComment(comment, shortCommentLen));
        $(this).toggle(
            function() { $(this).html(comment); },
            function() { $(this).html(shortComment(comment, shortCommentLen)); }
        );

        function shortComment(comment, shortCommentLen) {
            return comment.substring( 0, shortCommentLen ) + "...";
        }
    });
});

html:

<span class='blah'>this is a long comment to see it all</span>

这个 toggle(fn1, fn2) 单击元素时,函数在两个函数之间交替启用。