Javascript/CSS in Router Page

Questions
1

I am trying to implement amplitude.js to create a music player in a Tabbar App using the standard Routing components.

I’ve included the necessary JS and CSS links inside the default index.html page

I’ve included the amplitude HTML inside a tab page but the player fails to render! The page cannot seem to “see” the additional JS and CSS!

Im at a loss how to fix this?

2

can you share some code? it would be useful to anybody how wants to help you to read what you are doing.

also the link to amplutide.js would be also useful

3

amplitude.js can be found at…

In index.html it includes the following two files in the head…

<!-- Include Amplitude JS -->

<script type=“text/javascript” src=“js/amplitude.js”></script>

<!-- Include Style Sheet -->

<link rel=“stylesheet” type=“text/css” href=“css/audio.css”/>

And before the closing /body tag there is also…

<!-- Include UX functions JS -->

<script type=“text/javascript” src=“js/functions.js”></script>

inside about.html (I’m just using that page as an example to include the code for testing) I have the following html

<div class=“page” data-name=“about”>

<div class=“navbar”>

<div class=“navbar-inner sliding”>

<div class=“left”>

<a href="#" class=“link back”>

<i class=“icon icon-back”></i>

<span class=“if-not-md”>Back</span>

</a>

</div>

<div class=“title”>About</div>

</div>

</div>

<div class=“page-content”>

<div class=“block-title”>About Page</div>

<div class=“block”>

<div id=“single-song-player”>

<img data-amplitude-song-info=“cover_art_url”/>

<div class=“bottom-container”>

<progress class=“amplitude-song-played-progress” id=“song-played-progress”></progress>

<div class=“time-container”>

<span class=“current-time”>

<span class=“amplitude-current-minutes”></span>:<span class=“amplitude-current-seconds”></span>

</span>

<span class=“duration”>

<span class=“amplitude-duration-minutes”></span>:<span class=“amplitude-duration-seconds”></span>

</span>

</div>

<div class=“control-container”>

<div class=“amplitude-play-pause” id=“play-pause”></div>

<div class=“meta-container”>

<span data-amplitude-song-info=“name” class=“song-name”></span>

<span data-amplitude-song-info=“artist”></span>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

4

if you could wrap all the code in ticks, it will be easy to read.

> ``` <

also, share your js plz

5

the JS is all contained in the source code at the amplitude.js website for single song player.

6

i meant YOUR js file. not amplitude.
also, the errors in the console, if any