没有提交Safari和iOS Safari的HTML

Question

这种情况以前从未发生过，但我有这样的表单，当我单击按钮时，它不会做任何事情，就好像我单击了一个<button type="button"></button>元素一样，这只是在Safari中发生的，因为它在其他浏览器中工作正常(一些代码被呈现在服务器端，我使用的是Laravel)：

<form method="post" action="{{ route('checkout.realizar.compra') }}" id="form-compra-tarjeta">
                                                @csrf
                                                <input type="hidden" value="Tarjeta" name="tipo">
                                                <div class="button yellow"><button type="submit" class="btn-confirmar">Confirmar pago</button></div>
                                            </form>

我不知道这是否有什么关系，但我的视图中有其他形式，但它们不是嵌套的，每个都位于不同的位置。如果我检查元素，没有什么可看到的，网络选项卡内也没有，它甚至不尝试转到动作url。

我还有这个javascript (使用jQuery)代码，它只是禁用按钮并在单击按钮时更改文本，尽管我认为它与此无关。

$('.btn-confirmar').on('click', function(e){
        $(this).attr('disabled', true);
        $(this).html('Realizando compra... <i class="fas fa-spin fa-circle-notch"></i>');
    });

Answer 1

事实证明，jQuery代码实际上与此有关，我对其进行了如下修改，现在它开始工作了：

$('#form-compra-tarjeta').on('submit', function(e){
        $('.btn-confirmar').attr('disabled', true);
        $('.btn-confirmar').html('Realizando compra... <i class="fas fa-spin fa-circle-notch"></i>');
    });

但是为什么.？如果有人能解释我可以把它加到答案里..。