Zachowania semantycznego interfejsu użytkownika nie działa w Meteor 1.3

Question

Postanowiłem uaktualnić nową aplikację rozwijam do wersji Meteor 1.3. Postępowałem zgodnie z instrukcjami "Oficjalnego przewodnika" z MDG dla zalecanego układu katalogów, a przy odrobinie refaktoryzacji mojego kodu FlowRouter udało mi się sprawić, że aplikacja prawie działa. Problem wydaje się być związany z pakietem Semantic UI (2.1.8) instalowanym z Atmosphere. Musiałem dodać odpowiednie pliki SUI * .less do głównego pliku "main.less" najwyższego poziomu w katalogu "klient", aby aplikacja mogła wyświetlać prawidłowo zaprojektowany widok. Jednak zachowania SUI, które wczoraj działały ładnie w Meteor 1.2, już nie działają.

Moje założenie jest, że trzeba importować zachowań sui pomocą formularza ...

import coś z 'meteor/semantycznej: UI';

... ale nie udało mi się zidentyfikować prawidłowej instrukcji importu. Semantic UI nie przedstawia typowej przestrzeni nazw dla swojej biblioteki, więc żadna z oczywistych idei nie zadziałała.

Ktoś był w stanie uzyskać SUI pracy z 1.3 tylko przy użyciu standardowych szablonów Blaze?

Answer 1

Być może jeden z poniższych punktów może pomóc, albo dać wskazówkę dla dalszego dochodzenia:

1. Upewnij folder dziura semantyczna UI jest /client/lib/semantic-ui (nie trzeba importować coś gdzie indziej, wystarczy użyć klasy css).
2. Upewnij się, że zainstalowane są pakiety Atmosfera semantic:ui i flemay:less-autoprefixer. Wszystkie pliki .less w folderze Semantic UI zostaną automatycznie przekonwertowane.
3. Jeśli potrzebujesz funkcji JavaScript w semantycznym interfejsie użytkownika "Moduły", jak rozwijane menu, musisz uruchomić funkcję po wczytaniu strony. Na przykład z $(".ui.dropdown").dropdown("initialize") lub "refresh". Here znajdziesz opis tych tzw. "Zachowań modułowych". Zachowania są zdefiniowane przez $('.your.element').module('behavior name', argumentOne, argumentTwo).

Answer 2

Jeśli używasz motywu innego niż domyślny, możesz spróbować ustawić motyw dla modułu, którego próbujesz użyć domyślnie w theme.config.less.import. Powinien wyglądać mniej więcej tak:

/* Modules */ 
@accordion : 'material'; 
... 
@dropdown : 'default'; 
....