如何与javascript代码生成的元素进行交互?

时间:2018-03-17 19:08:24

标签: javascript jquery materialize

使用jquery和materialize.js的示例

创建带有js代码的元素后,例如:

$('#buttonA').click(function() {
 $('.container').empty;
 $('.container').prepend('<a class="button" id="buttonB" data-id="21">Second button</a>');
}

成功创建了一个按钮但是当我想用这个生成的按钮编写代码时会出现问题,例如:

$('#buttonB').click(function() {
     Materialize.toast('This message is not gonna appear', 1500, 'green');
    }

什么都不会发生。有谁知道如何让它作为一个普通元素工作?我很感激: - )

1 个答案:

答案 0 :(得分:0)

首先,您的代码已逃避"的问题: 如果您在解决此问题后仍有问题,请随时发表评论,我会进一步研究

&#13;
&#13;
$("#buttonA").click(function() {
 $(".container").empty;
 $(".container").prepend("<a class=\"button\" id=\"buttonB\" data-id=\"21\">Second button</a>"); // you need to escaping "s carefully
}
&#13;
&#13;
&#13;