Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss
Wczytywanie skryptów
11 views
Skip to first unread message
Roman Tyczka
Sep 10, 2018, 5:15:48 AM9/10/18
to
Witam,
Czy wczytywanie skryptów typu jQuery w sekcji <head> jest poprawne?
--
pozdrawiam
Roman Tyczka
Czy wczytywanie skryptów typu jQuery w sekcji <head> jest poprawne?
--
pozdrawiam
Roman Tyczka
rePeter
Sep 10, 2018, 5:50:58 AM9/10/18
to
Mon, 10 Sep 2018 11:15:48 +0200
Roman Tyczka <noe...@because.no> napisał(a):
> Witam,
>
> Czy wczytywanie skryptów typu jQuery w sekcji <head> jest poprawne?
>
IMHO, najlepiej na końcu strony przed samym </body>
jQuery i pozostałe skrypty.
--
pozdrawiam, Peter
Roman Tyczka <noe...@because.no> napisał(a):
> Witam,
>
> Czy wczytywanie skryptów typu jQuery w sekcji <head> jest poprawne?
>
jQuery i pozostałe skrypty.
--
pozdrawiam, Peter
Roman Tyczka
Sep 10, 2018, 7:24:26 AM9/10/18
to
On Mon, 10 Sep 2018 11:50:46 +0200, rePeter wrote:
>> Czy wczytywanie skryptów typu jQuery w sekcji <head> jest poprawne?
>
>
> IMHO, najlepiej na końcu strony przed samym </body>
> jQuery i pozostałe skrypty.
To jest trochę kłopot. Bo jak rozwiązujecie taki układ, że strona składa
>> Czy wczytywanie skryptów typu jQuery w sekcji <head> jest poprawne?
>
>
> IMHO, najlepiej na końcu strony przed samym </body>
> jQuery i pozostałe skrypty.
się z kilku fragmentów, będących szablonami i w nich następują odwołania do
jQuery, które podpinają zdarzenia pod np. buttony formularzy? One są w
środku strony, więc jak zaczynają działać to jQuery jeszcze nie będzie
załadowane, bo ładuje się na końcu i bach.. błąd.
--
pozdrawiam
Roman Tyczka
rePeter
Sep 10, 2018, 8:05:10 AM9/10/18
to
Mon, 10 Sep 2018 13:24:26 +0200
Roman Tyczka <noe...@because.no> napisał(a):
Skrypty muszą zaczekać aż wczyta się cały DOM,
czyli albo ładować się na końcu strony
albo, jeśli ładowane w header, czekać aż reszta strony się załaduje.
np. $(document).ready lub $(window).load
W przeciwnym wypadku skrypt może odwoływać się do elementu który jeszcze nie został
wczytany/utworzony.
--
pozdrawiam, Peter
Roman Tyczka <noe...@because.no> napisał(a):
czyli albo ładować się na końcu strony
albo, jeśli ładowane w header, czekać aż reszta strony się załaduje.
np. $(document).ready lub $(window).load
W przeciwnym wypadku skrypt może odwoływać się do elementu który jeszcze nie został
wczytany/utworzony.
--
pozdrawiam, Peter
Roman Tyczka
Sep 10, 2018, 9:56:33 AM9/10/18
to
On Mon, 10 Sep 2018 14:05:06 +0200, rePeter wrote:
>>> IMHO, najlepiej na końcu strony przed samym </body>
>>> jQuery i pozostałe skrypty.
>>
>> To jest trochę kłopot. Bo jak rozwiązujecie taki układ, że strona składa
>> się z kilku fragmentów, będących szablonami i w nich następują odwołania do
>> jQuery, które podpinają zdarzenia pod np. buttony formularzy? One są w
>> środku strony, więc jak zaczynają działać to jQuery jeszcze nie będzie
>> załadowane, bo ładuje się na końcu i bach.. błąd.
>>
>
> Skrypty muszą zaczekać aż wczyta się cały DOM,
> czyli albo ładować się na końcu strony
> albo, jeśli ładowane w header, czekać aż reszta strony się załaduje.
> np. $(document).ready lub $(window).load
> W przeciwnym wypadku skrypt może odwoływać się do elementu który jeszcze nie został
> wczytany/utworzony.
Aj noł...
>>> IMHO, najlepiej na końcu strony przed samym </body>
>>> jQuery i pozostałe skrypty.
>>
>> To jest trochę kłopot. Bo jak rozwiązujecie taki układ, że strona składa
>> się z kilku fragmentów, będących szablonami i w nich następują odwołania do
>> jQuery, które podpinają zdarzenia pod np. buttony formularzy? One są w
>> środku strony, więc jak zaczynają działać to jQuery jeszcze nie będzie
>> załadowane, bo ładuje się na końcu i bach.. błąd.
>>
>
> Skrypty muszą zaczekać aż wczyta się cały DOM,
> czyli albo ładować się na końcu strony
> albo, jeśli ładowane w header, czekać aż reszta strony się załaduje.
> np. $(document).ready lub $(window).load
> W przeciwnym wypadku skrypt może odwoływać się do elementu który jeszcze nie został
> wczytany/utworzony.
Jeszcze raz, postaram się lepiej opisać.
Używam szablonów Mustache, one pozwalają osadzać jedne szablony w innych
przez składnię:
<html>
<head>
</head>
<body>
{{> szablon naglowka}}
{{> szablon menu}}
{{> szablon informacji X}}
{{> szablon stopki}}
{{> szablon z includami jQuery}}
</body>
I teraz za pomocą szablonu "szablon z includami jQuery" ładuję jQuery na
końcu.
Ale już w szablonie "szablon informacji X" już chcę przypisać zdarzenia
click do buttona. I nie mogę.
Jak to obejść?
--
pozdrawiam
Roman Tyczka
rePeter
Sep 10, 2018, 2:19:41 PM9/10/18
to
Mon, 10 Sep 2018 15:56:33 +0200
Roman Tyczka <noe...@because.no> napisał(a):
jQuery możesz załadować w nagłówkach, byleby skrypty z niego korzystające odpalać po
załadowaniu elementu do którego się odnoszą. Powinno zadziałać.
--
pozdrawiam, Peter
Roman Tyczka <noe...@because.no> napisał(a):
załadowaniu elementu do którego się odnoszą. Powinno zadziałać.
--
pozdrawiam, Peter
Roman Tyczka
Sep 10, 2018, 2:35:57 PM9/10/18
to
się z twierdzeniem, że skrypty to na końcu stąd ten wątek zacząłem, żeby to
rozjaśnić. I nadal nic nie wiem. Bo niby warto na końcu, ale nie można, gdy
stronka trochę bardziej skomplikowana niż hello world.
--
pozdrawiam
Roman Tyczka
rePeter
Sep 10, 2018, 2:49:21 PM9/10/18
to
Mon, 10 Sep 2018 20:35:56 +0200
Roman Tyczka <noe...@because.no> napisał(a):
> No, że zadziała to wiem, tak zresztą teraz mam, tylko właśnie spotykałem
> się z twierdzeniem, że skrypty to na końcu stąd ten wątek zacząłem, żeby to
> rozjaśnić. I nadal nic nie wiem. Bo niby warto na końcu, ale nie można, gdy
> stronka trochę bardziej skomplikowana niż hello world.
Nie możesz w programie używać danych, których jeszcze nie wczytałeś (przeglądarka nie
pobrała), co w tym dziwnego/skomplikowanego?
--
pozdrawiam, Peter
Roman Tyczka <noe...@because.no> napisał(a):
> No, że zadziała to wiem, tak zresztą teraz mam, tylko właśnie spotykałem
> się z twierdzeniem, że skrypty to na końcu stąd ten wątek zacząłem, żeby to
> rozjaśnić. I nadal nic nie wiem. Bo niby warto na końcu, ale nie można, gdy
> stronka trochę bardziej skomplikowana niż hello world.
pobrała), co w tym dziwnego/skomplikowanego?
--
pozdrawiam, Peter
Borys Pogoreło
Sep 10, 2018, 5:13:48 PM9/10/18
to
Dnia Mon, 10 Sep 2018 13:24:26 +0200, Roman Tyczka napisał(a):
> To jest trochę kłopot. Bo jak rozwiązujecie taki układ, że strona składa
> się z kilku fragmentów, będących szablonami i w nich następują odwołania do
> jQuery, które podpinają zdarzenia pod np. buttony formularzy? One są w
> środku strony, więc jak zaczynają działać to jQuery jeszcze nie będzie
> załadowane, bo ładuje się na końcu i bach.. błąd.
Klasyczny problem jajka i kury, praktycznie nierozwiązywalny w śmietnikach
> To jest trochę kłopot. Bo jak rozwiązujecie taki układ, że strona składa
> się z kilku fragmentów, będących szablonami i w nich następują odwołania do
> jQuery, które podpinają zdarzenia pod np. buttony formularzy? One są w
> środku strony, więc jak zaczynają działać to jQuery jeszcze nie będzie
> załadowane, bo ładuje się na końcu i bach.. błąd.
typu Wordpress. Teoretycznie mógłbyś spróbować przechwycić wszystkie
wywołania jQuery, skolejkować i uruchomić po załadowaniu właściwej
biblioteki. Ale jeśli masz do czynienia z cudzym kodem, to tam może dziać
się wszystko i takie rozwiązanie zaraz wybuchnie.
Skrypty zaś wczytuje się w stopce, bo ich przetwarzanie blokuje
renderowanie strony. A przy kilkusetkilobajtowych klockach kodu to staje
się zauważalne na telefonach.
--
Borys Pogoreło
borys(#)leszno,edu,pl
Roman Tyczka
Sep 11, 2018, 4:32:59 AM9/11/18
to
On Mon, 10 Sep 2018 23:10:49 +0200, Borys Pogoreło wrote:
>> To jest trochę kłopot. Bo jak rozwiązujecie taki układ, że strona składa
>> się z kilku fragmentów, będących szablonami i w nich następują odwołania do
>> jQuery, które podpinają zdarzenia pod np. buttony formularzy? One są w
>> środku strony, więc jak zaczynają działać to jQuery jeszcze nie będzie
>> załadowane, bo ładuje się na końcu i bach.. błąd.
>
> Klasyczny problem jajka i kury, praktycznie nierozwiązywalny w śmietnikach
> typu Wordpress. Teoretycznie mógłbyś spróbować przechwycić wszystkie
> wywołania jQuery, skolejkować i uruchomić po załadowaniu właściwej
> biblioteki. Ale jeśli masz do czynienia z cudzym kodem, to tam może dziać
> się wszystko i takie rozwiązanie zaraz wybuchnie.
Kod jest mój, znaczy nie jest to jakiś CMS czy coś, tylko cały kod jest
>> To jest trochę kłopot. Bo jak rozwiązujecie taki układ, że strona składa
>> się z kilku fragmentów, będących szablonami i w nich następują odwołania do
>> jQuery, które podpinają zdarzenia pod np. buttony formularzy? One są w
>> środku strony, więc jak zaczynają działać to jQuery jeszcze nie będzie
>> załadowane, bo ładuje się na końcu i bach.. błąd.
>
> Klasyczny problem jajka i kury, praktycznie nierozwiązywalny w śmietnikach
> typu Wordpress. Teoretycznie mógłbyś spróbować przechwycić wszystkie
> wywołania jQuery, skolejkować i uruchomić po załadowaniu właściwej
> biblioteki. Ale jeśli masz do czynienia z cudzym kodem, to tam może dziać
> się wszystko i takie rozwiązanie zaraz wybuchnie.
własny. Mogę z nim robić co chcę... obym tylko umiał ;-)
Na czym polega to przechwytywanie wywołań jQuery?
Bo sprawa jest teoretycznie prosta. W każdym z tych małych szablonów
potrzebuję przypinać zdarzenia, używam do tego jQuery, ale szablon jest
wczytany, gdy jQuery jeszcze nie ma. Można by to przypięcie zdarzeń wsadzić
w SetTimeout(), ale to drut, bo nigdy nie wiadomo czy czas jest odpowiedni.
Szkoda, że nie ma czegoś takiego jak SetTimeOut() ale z flagą afterLoadPage
czy coś w tym stylu.
Albo teraz wymyśliłem, mógłbym w nagłówku mieć zadeklarowaną jakąś tablicę
funkcji i do niej pakować wywołania z wnętrza strony, a stopka by tylko to
wyciągała z tablicy i odpalała, ale nie wiem jak to zrobić.
> Skrypty zaś wczytuje się w stopce, bo ich przetwarzanie blokuje
> renderowanie strony. A przy kilkusetkilobajtowych klockach kodu to staje
> się zauważalne na telefonach.
--
pozdrawiam
Roman Tyczka
Borys Pogoreło
Sep 13, 2018, 5:31:31 PM9/13/18
to
Dnia Tue, 11 Sep 2018 10:32:59 +0200, Roman Tyczka napisał(a):
> Kod jest mój, znaczy nie jest to jakiś CMS czy coś, tylko cały kod jest
> własny. Mogę z nim robić co chcę... obym tylko umiał ;-)
> Na czym polega to przechwytywanie wywołań jQuery?
Trochę za bardzo uprościłem, bo to o czym myślę nie zadziała w Wordpressie.
> Kod jest mój, znaczy nie jest to jakiś CMS czy coś, tylko cały kod jest
> własny. Mogę z nim robić co chcę... obym tylko umiał ;-)
> Na czym polega to przechwytywanie wywołań jQuery?
Są jakieś wtyczki, które próbują ogarnąć ten śmietnik, ale chyba przepisują
HTML.
Jeśli masz kontrolę, to już jest sporo. Bo zamiast uruchamiać kod JS możesz
owinąć go w funkcję, wrzucić do jakiejś kolejki (nawet prostej tablicy), a
później uruchomić po kolei w odpowiednim kontekście.
> Bo sprawa jest teoretycznie prosta. W każdym z tych małych szablonów
> potrzebuję przypinać zdarzenia, używam do tego jQuery, ale szablon jest
> wczytany, gdy jQuery jeszcze nie ma. Można by to przypięcie zdarzeń wsadzić
> w SetTimeout(), ale to drut, bo nigdy nie wiadomo czy czas jest odpowiedni.
> Szkoda, że nie ma czegoś takiego jak SetTimeOut() ale z flagą afterLoadPage
> czy coś w tym stylu.
element docelowy, nazwę zdarzenia i funkcję do wywołania, a po
inicjalizacji jQuery na podstawie tego przypnij wszystkie eventy.
Albo zwyczajnie użyj addEventListener(). jQuery był do tego potrzebny, gdy
w eventach był bałagan, IE miał własne funkcje i inną strukturę obiektu
zdarzenia. jQuery to normalizowało.
--
Borys Pogoreło
borys(#)leszno,edu,pl
0 new messages