Question

我有这个表单删除一个条目，当它点击它时会给出一个警告框

这是HTML

<form class="form-inline" style="display:inline;" role="form" accept-charset="UTF-8" action="http://127.0.0.1:8000/test/1" method="POST">
    <input class="hidden" type="submit" value="Delete"></input>
    <a class="m-l-sm js-delete-confirm" data-confirm="Are you sure to delete this entry ??" href="#">
        <i class="fa fa-times fa-hover" title="" data-placement="top" data-toggle="tooltip" data-original-title="Delete"></i>
    </a>
</form>

这是JS

$(document).on('click', '.js-delete-confirm', function() {
    console.log('clicked delete');
    event.preventDefault();
    var choice = confirm(this.getAttribute('data-confirm'));
    if (choice) {
        $(this).closest('form').submit()
    }
});

这适用于Google Chrome，但不适用于Firefox。知道我做错了什么吗？提前致谢

Answer 1

只是预感，但点击处理程序中缺少的event参数可能会在firefox中引发错误：

// Add event parameter to anonymous click function
$(document).on('click', '.js-delete-confirm', function(event) {
    console.log('clicked delete');
    event.preventDefault();
    var choice = confirm(this.getAttribute('data-confirm'));
    if (choice) {
        $(this).closest('form').submit()
    }
});

JS适用于chrome但不适用于Firefox

1 个答案: