Menggunakan UI jQuery bawaan di tema saya

Setiap halaman tema saya perlu menggunakan UI jquery. Saya tahu ini termasuk dalam Drupal 7, tetapi saya tidak bisa menguraikan dokumentasi cara Drupal terlalu teknis. Sepertinya satu-satunya cara untuk melakukannya adalah dengan file template.php. Tetapi karena saya tidak mengerti file itu, saya berusaha menghindari melakukannya dengan cara itu.

Apakah ada cara lain, atau haruskah saya mencoba file template.php?

Menambahkan JS ke halaman benar-benar tidak sulit, walaupun Anda harus menggunakan php.

Untuk file JS normal, Anda bisa melakukan sesuatu seperti ini

drupal_add_js($path_to_js)

Namun Drupal telah mendaftarkan jQuery UI ke perpustakaan sehingga lebih mudah untuk menambahkan file JS dan CSS untuk plugin jQuery UI tertentu. Ini bisa dilakukan menggunakan

drupal_add_library($module, $library);

Semua plugin jQuery UI ada di modul sistem, jadi Anda bisa melakukannya

drupal_add_library('system', 'ui');

atau

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

Beberapa plugin ini memiliki dependensi karena mereka menggunakan plugin lain. Drupal menangani ini dengan sangat cerdik dan akan termasuk komponen yang dibutuhkan.

Anda dapat melihat daftar lengkap plugin jQuery di sini . Ini diformat sebagai array PHP, tetapi umumnya konvensi penamaan adalah ui.PLUGIN-NAME.

Jika Anda perlu menambahkan JS pada setiap halaman Anda bisa menambahkan pengait halaman preproses dan menambahkannya di sana. Ini akan terlihat seperti ini di file 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');
}

Sudahkah Anda mencoba modul date_popup ? berfungsi baik dengan form API

1. Refactor formulir hard-coded Anda di file .tpl ke implementasi API Formulir. Seperti yang dikatakan @LSU_JBob, tidak ada alasan mengapa Anda harus membuat formulir tanpa menggunakan FAPI. Saya sarankan Anda membaca Panduan Cepat API Formulir , dan mem-bookmark halaman referensi API Formulir .
2. Setelah formulir Anda dibuat dan Anda dapat mengirimkan nilai ke dalamnya, memprosesnya, dll., Unduh dan baca kode dalam modul kontribus Tanggal . Date digunakan untuk memberikan jenis popup tanggal yang ingin Anda buat, tetapi untuk CCK di D6 dan Core Fields di D7. Meskipun Anda tidak ingin bekerja dengan bidang, modul Date menggunakan JQuery UI untuk mencapai apa yang Anda coba lakukan. Modul ini harus memberi Anda contoh yang solid.

Terima kasih googletorptelah menjawab ini.

Hanya untuk menambahkan, jika ada hal-hal yang masih belum jelas terkait dengan mengaktifkan plugin UI .

Harap perhatikan bahwa ketika Anda akan menyebutkan: drupal_add_library('system', 'ui');
Ini TIDAK akan mengaktifkan semua plugin ui secara otomatis.

Anda dapat menemukan daftar plugin jquery ui yang tersedia di drupal 7 di sini: /misc/ui/

Untuk mengaktifkan plugin terkait, forexample:, jquery.ui.slider.min.jsAnda perlu menambahkan baris ini:

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

Semoga ini bermanfaat.

Saya punya masalah ini baru-baru ini. Seseorang memberi saya modul khusus mereka untuk memaksa JQuery UI memuat pada setiap halaman. Anda dapat membuatnya ulang secara sederhana. Pertama, instal jquery_update dan pastikan itu berfungsi. Kemudian, buat & aktifkan modul ini:

Buat folder di jalur / ke / modul bernama 'jquery_force'.

Di dalam, tambahkan dua file:

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');
}

Menambahkan kait preproses dalam template.phpfile tidak berhasil untuk saya.

Saya hanya memasukkan drupal_add_library('system', 'ui');ke dalam template.phpfile dengan sendirinya, bekerja.