Utilizzo dell'interfaccia utente jQuery integrata nel mio tema

Ogni pagina del mio tema dovrà usare l'interfaccia utente di jquery. So che è incluso in Drupal 7, ma non riesco davvero a decifrare la documentazione troppo tecnica di Drupal. Sembra che l'unico modo per farlo sia con il file template.php. Ma dal momento che non capisco quel file, sto cercando di evitare di farlo in quel modo.

C'è un altro modo o dovrei semplicemente provare il file template.php?

Aggiungere JS a una pagina non è poi così difficile, anche se devi usare php.

Per i normali file JS, potresti fare qualcosa del genere

drupal_add_js($path_to_js)

Drupal ha tuttavia registrato l'interfaccia utente di jQuery nelle librerie, rendendo più semplice l'aggiunta di file JS e CSS per alcuni plugin dell'interfaccia utente di jQuery. Questo può essere fatto usando

drupal_add_library($module, $library);

Tutti i plugin dell'interfaccia utente jQuery esistono nel modulo di sistema, quindi puoi farlo

drupal_add_library('system', 'ui');

o

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

Alcuni di questi plugin hanno dipendenze perché usano altri plugin. Drupal lo gestisce in modo molto intelligente e includerà i componenti necessari.

Puoi vedere l'elenco completo dei plugin jQuery qui . Questo è formattato come un array PHP, ma generalmente la convenzione di denominazione è ui.PLUGIN-NAME.

Se è necessario aggiungere JS in ogni pagina, è possibile semplicemente aggiungere un hook di pagina di preelaborazione e aggiungerli lì. Questo sarebbe simile a questo nel 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');
}

hai provato il modulo date_popup ? funziona bene con l'API del modulo

1. Rifattorizza il tuo modulo hardcoded nel file .tpl in un'implementazione dell'API Form. Come ha detto @LSU_JBob, non vi è alcun motivo per cui si debba creare un modulo senza utilizzare FAPI. Ti consiglio di leggere la Guida di avvio rapido dell'API per moduli e di aggiungere la pagina di riferimento all'API per moduli .
2. Una volta creato il modulo e in grado di inviare valori, elaborarlo, ecc., Scaricare e leggere il codice nel modulo Data contrib. La data viene utilizzata per fornire il tipo di popup della data che si desidera creare, ma per CCK in D6 e Core Fields in D7. Anche se non stai cercando di lavorare con i campi, il modulo Data utilizza l'interfaccia utente di JQuery per realizzare ciò che stai cercando di fare. Questo modulo dovrebbe fornire un solido esempio.

Grazie googletorpper aver risposto.

Solo per aggiungere, se le cose non sono ancora molto chiare legate all'abilitazione dei plugin dell'interfaccia utente .

Tieni presente che quando menzionerai: drupal_add_library('system', 'ui');
Ciò NON abiliterà automaticamente tutti i plugin dell'interfaccia utente.

Puoi trovare un elenco dei plugin disponibili per l'interfaccia utente di jquery in drupal 7 qui: /misc/ui/

Per abilitare un plugin perticolare, ad esempio:, jquery.ui.slider.min.jsè necessario aggiungere questa riga:

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

Spero sia utile.

Ho avuto questo problema di recente. Qualcuno mi ha dato il suo modulo personalizzato per forzare il caricamento dell'interfaccia utente di JQuery su ogni pagina. Puoi ricrearlo semplicemente. Innanzitutto, installa jquery_update e assicurati che funzioni. Quindi, crea e abilita questo modulo:

Crea una cartella nel percorso / to / moduli denominata 'jquery_force'.

All'interno, aggiungi due 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');
}

L'aggiunta di un hook di preelaborazione nel template.phpfile non ha funzionato per me.

Ho semplicemente messo drupal_add_library('system', 'ui');nel template.phpfile da solo, funziona.