Làm cách nào để kích hoạt lập trình một lần nhấp vào nút gửi biểu mẫu được bật AJAX?

Tôi đang cố gắng lập trình (với jQuery) kích hoạt một nút bấm với hành vi AJAX ở dạng Drupal, nhưng cho đến nay jQuery('#edit-submit').click()không làm gì cả.

Một cú nhấp chuột thực sự vào nút đó hoạt động như dự định. Bất kỳ ý tưởng làm thế nào để làm cho nó hoạt động?

jQuery('#edit-submit').mousedown() - rõ ràng có một sự khác biệt lớn.

Thật ra, không cần phải đoán.

Bạn nên sử dụng các hành vi của Drupal

Drupal.behaviors.yourFunctionName = {
    attach:function (context, settings) {

       // Your code goes here....

    }
}

Điều này sẽ cung cấp cho bạn quyền truy cập vào thuộc tính ajax của cài đặt,

Drupal.behaviors.yourFunctionName = {
    attach:function (context, settings) {

       console.log(settings.ajax);

    }
}

Tùy thuộc vào cấu hình của bạn, bạn sẽ thấy một danh sách các yếu tố kích hoạt, với các thuộc tính khác nhau như tên của hàm gọi lại, id của bộ chọn cũng như tên của sự kiện kích hoạt.

Sau đó, bạn có thể sử dụng thông tin liên quan để kích hoạt sự kiện của bạn.

// $(selector).trigger(eventName);
// for example...
$('#edit-product-id-15', context ).trigger('change');

Tạo ajax gửi như sau.

 $form['button'] = array(
    '#type' => 'button',
    '#value' => 'Click',
    '#ajax' => array(
      'callback' => '_kf_reading_user_points',
      'wrapper' => 'reading-user-points',
      'method' => 'replace',
      'event' => 'click',
    ),
  );

function _kf_reading_user_points(&$form, &$form_state) {
  // Something within the callback function.
}

Sau đó, sự kiện jquery .click () sẽ hoạt động ở dạng aupax drupal.

Bạn cũng có thể sử dụng .trigger()phương thức jQuery.$('#element').trigger('click');

Trong trường hợp của tôi, các giải pháp được đề xuất ở trên không phù hợp với tôi, nhưng việc đề cập đến .mousedown () đã dẫn đến ý tưởng sau đây phù hợp với tôi (Drupal 7):

$('#custom-submit-button').click(function() {
  $('#ajax-submit-button').trigger('mousedown');
});

Có một số thông tin cơ bản hữu ích về "tại sao" đây là trường hợp trong Tham chiếu API biểu mẫu trong #ajax_prevent

Nhìn vào mô-đun Bộ lọc tiếp xúc tốt hơn, họ gửi biểu mẫu AJAX bằng cách tìm $ (. Ctools-auto-submit-click ') và theo dõi một lần nhấp.

<?php
// ... near line 190 of better_exposed_filters.js

// Click the auto submit button.
$(this).parents('form').find('.ctools-auto-submit-click').click();
?>

Bạn phải kích hoạt submitsự kiện trên mẫu. Clickvà mousedowncác sự kiện trên các nút không hoạt động.