帶有功能的jQuery提交不適用於綁定到對象的單擊按鈕事件

Question

使用正常的$(selector).submit() ，但是當我在$(selector).submit()方法中添加一個函數時，它不會在其中執行代碼。

這是代碼片段：

onCreated: function() {
    this.footer = jQuery('<div class="jBox-footer"/>');
    this.submitButton = jQuery('<button class="jBox-btn jBox-btn-lg jBox-btn-save btn btn-primary btn-md"/>')
      .html("Login <i class='fa fa-sign-in'></i>").appendTo(this.footer);
    this.footer.appendTo(this.container);
  },
  onOpen: function() {
    this.submitButton.off('click.jBox-Modal' + this.id).on('click.jBox-Modal' + this.id, function() {

      $("#bulk-login").submit(function(e) {
        alert('test');
      });

    }).bind(this);
  }

我不確定是什么原因導致了問題，為什么它沒有執行sumbit的內部代碼。 誰能告訴我可能是什么問題？

Answer 1

您需要將按鈕類型設置為提交，以便在您的批量登錄表單上觸發提交事件：

 this.submitButton = jQuery('<button type="submit" class="jBox-btn jBox-btn-lg jBox-btn-save btn btn-primary btn-md"/>') .html("Login <i class='fa fa-sign-in'></i>").appendTo(this.footer);