Question

有人能告诉我这段代码有什么问题。我试图在点击标签时用类显示更新div

var current = 0;

function nextPage() {
    current++;
    return current;
}

$(document).ready(function (e) {
    $("a").click(function () {
        $(".display").text(nextPage());
        return false;
    });
});

Answer 1

在您的代码行中

$(".display").text(nextPage());

$(".display")返回一组元素。您的实际目标元素可能不是第一个。使用$ .each迭代每个或使用id-selector指定单个DOM元素。

.each()示例：（Demo）

$(document).ready(function (e) {
    $("a").click(function () {
        $(".display").each(function (index, element) {
            $(element).text(nextPage());
        });
        return false;
    });
});

id-selector示例：（Demo）

$(document).ready(function (e) {
    $("a").click(function () {
        $("#display2").text(nextPage());
        return false;
    });
});

Answer 2

确保所有动态插入的元素都使用.on。

This example on jsFiddle

$(document).on("click", "a", function () {
    $(".display").text(nextPage());
    return false;
});

注意：仅适用于HTML，适用于Javascript使用// comment或/* comment */

单击按钮时更新div

2 个答案: