jquery - 如何在 Django 模板中动态创建按钮并添加点击处理程序 JQUERY

Question

我在这里发现了同样的问题

我正在尝试动态创建一个按钮，而不是可以在 Django 模板中使用 alert('...') 。但是，由于某种原因，我的代码无法正常工作。

这是我的全部样本。

 {% block scripts %}
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
</script>

<script type="text/javascript">
    $(function()
    {

    $('button').addClass('removeButton');

    $("#addRowBtn").click(function()
    {
        $("#testP").after("<button class='removeButton'><b>x</b></button>");           
    });

    $('.removeButton').live('click', function(){
        alert('test');
    });


    });

</script>
{% endblock %}
{% block content %}
<div class="testArea">
    <div class="inner"></div>
</div>
<p id="testP">test</p>
<form>
<table id="table">
    <tbody>
        <tr>
            <td><button type="button" class="addRowBtn" id="addRowBtn"><b>+</b></button></td>
        </tr>
    </tbody>
</table>
</form>
{% endblock %}

谢谢，

Answer 1

自 1.9 以来删除了use .on()live 并且您正在使用 1.10

$("#testP").on('click','.removeButton', function(){
    alert('test');
});