使用jquery和twitter bootstrap第二次单击时，模态链接不起作用

Question

我在DataTables jquery插件中显示了一些数据。我有一个隐藏的模式，我设置了html，然后显示用户点击表格行进行编辑。它在第一次单击时工作，但在此之后，除非重新加载页面，否则它不会打开模态。我收到错误：“Uncaught TypeError：undefined不是函数”在包含 #modal-editUser 的行下面。

我的点击：

<script style="text/javascript">
    $(document).on('click', '.edit-record', function(e) {
        alert("edit contact" + $("#modal-editUser"));
        e.preventDefault();
        $(".modal-editUser-body").html('');
        $(".modal-editUser-body").addClass('loader');
        $("#modal-editUser").modal('show');

        $.post('@routes.Application.postEditContactDetails()',
                {id: $(this).attr('data-id') },
                function(html) {
                    $(".modal-editUser-body").removeClass('loader');
                    $(".modal-editUser-body").html(html);
                }
        );
    });
</script>

和隐藏模式：

<div id="modal-editUser" class="hide">
    <div class="modal-editUser-body">
        <p> This is the modal body.</p>
    </div>
</div>