Używam wbudowanego interfejsu jQuery w moim motywie

Każda strona mojego motywu będzie musiała korzystać z interfejsu użytkownika jquery. Wiem, że jest on dołączony do Drupala 7, ale tak naprawdę nie mogę odszyfrować zbyt technicznej dokumentacji Drupala. Wygląda na to, że jedynym sposobem na to jest użycie pliku template.php. Ale ponieważ nie rozumiem tego pliku, staram się unikać tego w ten sposób.

Czy istnieje inny sposób, czy powinienem po prostu wypróbować plik template.php?

Dodanie JS do strony nie jest wcale takie trudne, nawet jeśli musisz użyć php.

W przypadku normalnych plików JS możesz zrobić coś takiego

drupal_add_js($path_to_js)

Drupal zarejestrował jednak interfejs jQuery w bibliotekach, co ułatwia dodawanie plików JS i CSS dla niektórych wtyczek interfejsu jQuery. Można to zrobić za pomocą

drupal_add_library($module, $library);

Wszystkie wtyczki jQuery UI istnieją w module systemowym, więc możesz to zrobić

drupal_add_library('system', 'ui');

lub

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

Niektóre z tych wtyczek mają zależności, ponieważ używają innych wtyczek. Drupal radzi sobie z tym bardzo sprytnie i zawiera potrzebne komponenty.

Możesz zobaczyć pełną listę wtyczek jQuery tutaj . Jest to sformatowane jako tablica PHP, ale ogólnie konwencja nazewnictwa to ui.PLUGIN-NAME.

Jeśli chcesz dodać JS na każdej stronie, możesz po prostu dodać haczyk strony przygotowania strony i dodać je tam. To wyglądałoby mniej więcej tak w pliku 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');
}

próbowałeś modułu date_popup ? działa dobrze z interfejsem API formularza

1. Przeredaguj swój zakodowany formularz w pliku .tpl na implementację Form API. Jak powiedział @LSU_JBob, nie ma powodu, dla którego powinieneś tworzyć formularz bez korzystania z FAPI. Zalecam przeczytanie Przewodnika Szybki start dla interfejsu API formularza i utworzenie zakładki na stronie referencyjnej interfejsu API formularza .
2. Po zbudowaniu formularza i przesłaniu do niego wartości, przetworzeniu go itp. Pobierz i przeczytaj kod w module Data contrib. Data służy do dostarczenia rodzaju wyskakującego okienka daty, które chcesz utworzyć, ale dla CCK w D6 i Core Fields w D7. Chociaż nie chcesz pracować z polami, moduł Data używa interfejsu użytkownika JQuery do osiągnięcia tego, co próbujesz zrobić. Ten moduł powinien dać ci solidny przykład.

Dziękuję googletorpza odpowiedź.

Wystarczy dodać, jeśli nadal nie są bardzo jasne związane z włączaniem wtyczek interfejsu użytkownika .

Pamiętaj, że kiedy wspomnisz: drupal_add_library('system', 'ui');
NIE spowoduje to automatycznego włączenia wszystkich wtyczek interfejsu użytkownika.

Listę dostępnych wtyczek interfejsu użytkownika jquery można znaleźć w Drupal 7 tutaj: /misc/ui/

Aby włączyć wtyczkę perticular, na przykład: jquery.ui.slider.min.jsmusisz dodać ten wiersz:

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

Mam nadzieję, że to się przyda.

Ostatnio miałem ten problem. Ktoś dał mi swój moduł niestandardowy, aby zmusić interfejs użytkownika JQuery do ładowania na każdej stronie. Możesz to po prostu odtworzyć. Najpierw zainstaluj jquery_update i upewnij się, że działa. Następnie utwórz i włącz ten moduł:

Utwórz folder w ścieżce / do / modułów o nazwie „jquery_force”.

W środku dodaj dwa pliki:

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

Dodanie haka wstępnego przetwarzania do template.phppliku nie działało dla mnie.

Po prostu wrzucam drupal_add_library('system', 'ui');do template.phppliku, działa.