Question

我发现了同样的问题，here

我正在尝试动态创建一个按钮而不是Django模板中的警报（'...'）。但是，出于某种原因，我的代码无效。

以下是我的整个样本。

 {% 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

使用.on() live从1.9开始删除，你使用的是1.10

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

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

1 个答案: