jquery.viewport | jQuery plugin that makes an element as a handy viewport | Plugin library

When you press enter in the address bar or refresh the page, it works like charm but as soon I click on a link in the navigation bar, some or most of the assets wont load. I already added "data-no-turbolink" => true to the link_to but no success.

This is my application.html.erb

I have php file contains DataTable it's working without any errors but If I try to include html page inside the php page it will produce the following error :

Uncaught TypeError: $(...).DataTable is not a function

As this answer tells us the error in the order of jquery https://stackoverflow.com/a/31229338/9984938 but because I'm newbie to javascript I don't know if is any error in my order to scripts files

Scripts in php file

I try to create a fixed positioned area, which should hide, when a specific area is in the viewport. When the div is outside of the viewport, the fixed area should be shown again.

I use jquery.viewport for it.

My HTML:

I use Laravel mix to manage my js files, here is my app.js :

I am trying to display a banner whenever the user visits website. I am using modal concept to display the banner. However when I deploy it the modl appears on top of page and rest of page below.

Here is my code :--

I have taken a look at other related questions but unable to understand or change this to get it working. Basically i am trying to save a pdf of presented flot data contained in tab0 . for some reason the pdf output cuts half the page off, even though I am using the largest size a0 and it is also missing the legend of charts, here is the code.

I'm trying to visit /products in my laravel application and I'm getting the following error:

FatalErrorException in /home2/switchli/public_html/switchgrow.com/laravel/storage/framework/views/8b209faa68f2ec72a2fecf832efc4c82 line 14: syntax error, unexpected end of file

The file (8b209faa68f2ec72a2fecf832efc4c82) contains