Sử dụng giao diện người dùng jQuery tích hợp trong chủ đề của tôi

Mỗi trang trong chủ đề của tôi sẽ cần sử dụng giao diện người dùng jquery. Tôi biết nó được bao gồm trong Drupal 7, nhưng tôi thực sự không thể giải mã được tài liệu quá kỹ thuật của Drupal. Có vẻ như cách duy nhất để làm điều đó là với tệp template.php. Nhưng vì tôi không hiểu tập tin đó, tôi đang cố gắng tránh làm theo cách đó.

Có cách nào khác không, hay tôi chỉ nên thử tập tin template.php?

Thêm JS vào một trang thực sự không khó lắm, mặc dù bạn cần sử dụng php.

Đối với các tệp JS bình thường, bạn có thể làm một cái gì đó như thế này

drupal_add_js($path_to_js)

Tuy nhiên, Drupal đã đăng ký UI UI vào các thư viện, giúp dễ dàng thêm cả các tệp JS và CSS cho các plugin UI UI nhất định. Điều này có thể được thực hiện bằng cách sử dụng

drupal_add_library($module, $library);

Tất cả các plugin UI UI tồn tại trong mô-đun hệ thống, vì vậy bạn có thể làm

drupal_add_library('system', 'ui');

hoặc là

drupal_add_library('system', 'ui.accordion');

Một số plugin này có phần phụ thuộc vì chúng sử dụng các plugin khác. Drupal xử lý việc này rất thông minh và sẽ bao gồm các thành phần cần thiết.

Bạn có thể xem danh sách đầy đủ các plugin jQuery tại đây . Điều này được định dạng như một mảng PHP, nhưng nói chung quy ước đặt tên là ui.PLUGIN-NAME.

Nếu bạn cần thêm JS trên mỗi trang, bạn chỉ cần thêm một móc trang tiền xử lý và thêm chúng vào đó. Điều này sẽ trông giống như thế này trong tệp template.php.

function NAME_OF_THEME_preprocess_page(&$variables) {
  drupal_add_library('system', 'ui');
  drupal_add_library('system', 'ui.accordion');
  drupal_add_library('system', 'effects.highlight');
}

bạn đã thử mô-đun date_popup chưa? hoạt động tốt với API biểu mẫu

1. Tái cấu trúc biểu mẫu được mã hóa cứng của bạn trong tệp .tpl thành triển khai API Mẫu. Giống như @LSU_JBob đã nói, không có lý do gì bạn nên tạo một biểu mẫu mà không sử dụng FAPI. Tôi khuyên bạn nên đọc Hướng dẫn khởi động nhanh API mẫu và đánh dấu trang tham chiếu API mẫu .
2. Khi bạn đã xây dựng biểu mẫu của mình và bạn có thể gửi các giá trị cho nó, xử lý nó, v.v., hãy tải xuống và đọc mã trong mô-đun ngày đóng góp. Ngày được sử dụng để cung cấp loại cửa sổ bật lên ngày bạn muốn tạo, nhưng đối với CCK trong D6 và Trường lõi trong D7. Mặc dù bạn không muốn làm việc với các trường, mô-đun Date sử dụng Giao diện người dùng JQuery để thực hiện những gì bạn đang cố gắng thực hiện. Mô-đun này sẽ cung cấp cho bạn một ví dụ vững chắc.

Cảm ơn đã googletorptrả lời này.

Chỉ cần thêm, nếu mọi thứ vẫn chưa rõ ràng liên quan đến việc kích hoạt plugin UI .

Xin lưu ý rằng khi bạn sẽ đề cập: drupal_add_library('system', 'ui');
Điều này sẽ KHÔNG tự động kích hoạt tất cả các plugin ui.

Bạn có thể tìm thấy danh sách các plugin ui jquery có sẵn trong drupal 7 tại đây: /misc/ui/

Để kích hoạt plugin vuông góc, ví dụ : jquery.ui.slider.min.js, bạn cần thêm dòng này:

drupal_add_library('system', 'ui.slider');

Hy vọng điều này là hữu ích.

Tôi đã có vấn đề này gần đây. Ai đó đã cho tôi mô-đun tùy chỉnh của họ để buộc JQuery UI tải trên mỗi trang. Bạn có thể tạo lại nó một cách đơn giản. Đầu tiên, cài đặt jquery_update và đảm bảo rằng nó hoạt động. Sau đó, tạo và kích hoạt mô-đun này:

Tạo một thư mục trong đường dẫn / đến / mô-đun có tên 'jquery_force'.

Bên trong, thêm hai tệp:

jquery_force.info :

name = JQuery UI Force
description = Forces JQuery UI to always load
dependencies[] = jquery_update
package = User Interface
core = 7.x
files[] = jquery_force.module

jquery_force.module :

<?php
/**
 * @file jquery_force.module
 * TODO: Enter file description here.
 */

/**
 * Implements hook_init().
 */
function jquery_force_init() {
    drupal_add_library('system', 'ui');
}

Thêm một móc tiền xử lý trong template.phptệp không hoạt động đối với tôi.

Tôi chỉ đơn giản là đưa drupal_add_library('system', 'ui');vào template.phptập tin của chính nó, làm việc.