为什么这个jquery函数循环它自己？

Question

好吧，我在表格中显示一些文字，然后我添加了一个“读取更多”按钮，可以解开文本。但是，当我单击此按钮时，我想同时显示“div＃selectedItem”中的整个文本。如果单击“read-more”按钮获取另一个文本，我想用当前文本替换该文本。这里的问题是当我调试我的代码时，我看到当断点到达函数的末尾时，它会从开始再次启动。为什么会这样？

$(".table tbody").on("click",
    ".read-more",
    function readMore(e) {        
        var currentRow = $(this).closest("tr");
        var cellText = currentRow.find("td:eq(1)").text();
        $(this).siblings(".more-text").contents().unwrap();
        $(this).remove();
        e.preventDefault();
        if (clickedTimes > 0)
            $("div#selectedItem").html("");
        $("div#selectedItem").prepend(cellText).html();
        clickedTimes++;
        setTimeout(readMore, 1000);
});

我希望我的功能可以独立地为每次点击工作。

Answer 1

因为在每个调用结束时，你有一个重新调用该函数的setTimeout。删除它，你的代码将不再递归循环：

$(".table tbody").on("click", ".read-more", function readMore(e) {        
    var currentRow = $(this).closest("tr");
    var cellText = currentRow.find("td:eq(1)").text();
    $(this).siblings(".more-text").contents().unwrap();
    $(this).remove();
    e.preventDefault();
    if (clickedTimes > 0)
        $("div#selectedItem").html("");
    $("div#selectedItem").prepend(cellText).html();
    clickedTimes++;
});