Trouble load javascript's script on each page

1

I have some problem(bug) when I want to access javascript in page.

so this is how it looks

image
image1366×659 103 KB

image
image1366×659 106 KB

after click Arah Kiblat (javascript not respond):

image
image906×612 6.05 KB

this our code that reference to item menu (red sign above):

image
image1089×630 50.6 KB

image
image1110×630 48.5 KB

image
image1107×242 22.5 KB

So, I wanna load javascript in page kiblat.html. But the result is blank or something wrong with our code.

our hope will be :

image
image325×574 50.5 KB

maybe someone has experienced the problem or has a solution for this case. to load javascript on each page.

cek the UI at : Panduan Ibadah Umroh

Thank you
I really appreciate your answer, your help

2

Such JS tags don’t work in browser. Use proper Router Component API to have JS for each page Router Component | Framework7 Documentation

1 Like
3

Thanks for respond.
I’m still using the old version of framework7. If i’m not mistaken, using v3 framework7.
Coz, I started the project 2 years ago. And will now continue this small project. So I’m still using v3 framework
Can this router documentation(Router Component | Framework7 Documentation) be applied to our project ?

4

This is docs for v3 Router Component | Framework7 Documentation