jquery on=>keyup無法綁定未來js添加的元素

$("[name=red_count]").on("keyup", countKeyUpBind);即使使用on的，也無法綁定未來元素，

所以直接在動態添加的時候，再進行綁定keyup事件

 

至於click是允許的

 

同時，對於jquery中before,after添加的標簽，不管是click還是keyup都是沒有綁定未來元素的功能

 

 

//紅包個數統計 $("[name=red_count]").on("keyup", countKeyUpBind); //紅包金額統計,keyup不能動態使用的 $("[name=red_money]").on("keyup", moneyKeyUpBind); function countKeyUpBind(){ var count = 0; $("#red_mode_set [name=red_count]").each(function () { var v = parseInt($(this).val()); if(!isNaN(v)){ count += v; } }) $("#red_quantity").html(count + "個"); } function moneyKeyUpBind(){ var amount = 0; $("#red_mode_set [name=red_money]").each(function () { var v = parseFloat($(this).val()); if (!isNaN(v)) { amount += v; } }) $("#red_amount").html(amount + "元"); } //添加紅包模式 $(".drag_ad").click(function () { $("#red_mode_set").append($("#red_mode_template").html()); $("#red_mode_set [name=red_money]:last").bind("keyup", moneyKeyUpBind); $("#red_mode_set [name=red_count]:last").bind("keyup", countKeyUpBind); })

 

 

    //金額統計,keyup不能動態使用的
    $("[name=red_money]").on("keyup", moneyKeyUpBind);

    function moneyKeyUpBind(){
        var amount = 0;
        $("#red_mode_set [name=red_money]").each(function () {
            var v = parseFloat($(this).val());
            if (!isNaN(v)) {
                amount += v;
            }
        })
        $("#red_amount").html(amount + "元");
    }

    //添加紅包模式
    $(".drag_ad").click(function () {
        $("#red_mode_set").append($("#red_mode_template").html());
        $("#red_mode_set [name=red_money]:last").bind("keyup", moneyKeyUpBind);
    })