javascript - 增加jQuery中的计数器

Question

计数器不工作

mypost 是输入值

$("#post").click(function() {
    var cont = 0;
    value = $("#mypost").val()
    $("#1").append(value);
    $("#mypost").val('');
    var like = $('<button>like</button>', {
        click: function() {
            cont++;
            $('#1').append(cont);
        }
    });
    $('#1').append(like);
    $('#1').append('</br>');
});​

Answer 1

将事件侦听器添加为$("<tag />")构造函数中的属性时，未正确连接事件侦听器。（尽管文档中$()提到了道具中的事件。我相信这与未连接到 DOM 的元素有关；胡乱猜测。）

将其添加到以下行时似乎有效.click(function)。

var like = $('<button>like</button>')
    .click(function() {
        cont++;
        $('#1').append(cont);
    });

编辑：错过了#mypost使用.val(). 更新了 jsfiddle 以使用<input />.

http://jsfiddle.net/joelpurra/bJa29/

Answer 2

不确定这是否会有所帮助，但 ID 必须以字母开头。

ID 和 NAME 标记必须以字母 ([A-Za-z]) 开头，后跟任意数量的字母、数字 ([0-9])、连字符 ("-")、下划线 ("_") , 冒号 (":") 和句点 (".")。

有关详细信息，请参见此处（http://www.w3.org - 基本 HTML 数据类型）。