增加jQuery中的计数器

时间:2012-07-25 00:55:11

标签: javascript jquery counter

计数器无效

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>');
});​

2 个答案:

答案 0 :(得分:3)

$("<tag />")构造函数中将事件侦听器添加为属性时,事件侦听器未正确连接。 (尽管documentation for $() mentioning events in the props.。我认为它与没有连接到DOM的元素有关;猜测。)

使用.click(function)在以下行添加它时似乎有效。

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

修改:错过了使用#mypost读取.val()的事实。更新了jsfiddle以使用<input />

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

答案 1 :(得分:-1)

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

  

ID和NAME令牌必须以字母([A-Za-z])开头,可能是   后跟任意数量的字母,数字([0-9]),连字符(“ - ”),   下划线(“_”),冒号(“:”)和句点(“。”)。

有关详细信息,请参阅here (http://www.w3.org - Basic HTML data types)