更新可点击的div

时间:2014-10-31 19:50:11

标签: javascript jquery

我想在替换元素上获得点击事件。

var checks_int = "1";
$(function () {
    var plus = $('.fa-plus');

    plus.click(function () {
        if (checks_int <= 5) {
            $(this).parent().parent().append("<li><i class='fa fa-plus'></i></li>");
            $(this).parent().html("").html("<i class='fa fa-check' check='"+ (checks_int + 1) +"'></i><p><input name='check1' type='text' placeholder='Check'></p>");
            checks_int++;
            if (checks_int > 5) {
                $(this).css("display", "none");
            }
        }
        plus = $('.fa-plus');
    });
});

所有这一切都运行良好,但只有第一次尝试,当我点击&#34;新&#34; .fa .fa-check没有任何事情发生。

2 个答案:

答案 0 :(得分:1)

将您的点击处理程序更改为如下所示的处理程序。应该这样做。

$(document).on('click', '.fa-plus', function() {
    ......... your code here ..............
});

答案 1 :(得分:0)

使用功能http://api.jquery.com/on/

var checks_int = 1;

$('body').on('click', '.fa-plus', function(){
if (checks_int <= 5) {
        $(this).parent().parent().append("<li><i class='fa fa-plus'></i></li>");
        $(this).parent().html("").html("<i class='fa fa-check' check='"+ (checks_int + 1) +"'></i><p><input name='check1' type='text' placeholder='Check'></p>");
        checks_int++;
        if (checks_int > 5) {
            $(this).css("display", "none");
        }
    }
});