title: Fullpage.js does not work in wordpress page template file
body: <p>I have created a custom page template to create a fullpage.js page with content provided by ACF. Whatever I am trying to do, I can't get fullpage.js to work on this page.
  This is the code for my page:</p>
  <pre><code>&lt;?php /* Template Name: Landrovers story new */ ?&gt;
  &lt;?php get_header(); ?&gt;
  &lt;header class=&quot;header &lt;?php if(get_field( 'header_slider' ) &amp;&amp; count(get_field( 'header_slider' )) &gt; 1) : ?&gt;slide-active&lt;?php endif; ?&gt; &lt;?php if(get_field( 'header_not_fullscreen' )) : ?&gt;remove-fullscreen&lt;?php endif; ?&gt;&quot;&gt;
  
  &lt;?php if(get_field( 'mobile_no_slider') &amp;&amp; wp_is_mobile() || !get_field( 'header_slider' )) : ?&gt;
      &lt;?php get_template_part('partials/header', 'solo'); ?&gt;
  &lt;?php else : ?&gt;
      &lt;?php get_template_part('partials/header', 'slider') ?&gt;
  &lt;?php endif; ?&gt;
  
  &lt;/header&gt;
  &lt;div id=&quot;fullpage&quot;&gt;
      &lt;div class=&quot;section&quot; style='background-color:orange;'&gt;Some section&lt;/div&gt;
      &lt;div class=&quot;section&quot; style='background-color:white;'&gt;Some section&lt;/div&gt;
      &lt;div class=&quot;section&quot; style='background-color:blue;'&gt;Some section&lt;/div&gt;
      &lt;div class=&quot;section&quot; style='background-color:purple;'&gt;Some section&lt;/div&gt;
      &lt;/div&gt;
          
  &lt;script type=&quot;text/javascript&quot;&gt;
      new fullpage('#fullpage', {
          //options here
          autoScrolling:true,
          scrollHorizontally: true
      });
  &lt;/script&gt;
  &lt;?php get_footer(); ?&gt;
  </code></pre>
  <p>For testing, I only created some test sections
  The necessary .css and .js file are added to the page by functions.php with the following function(tested and loaded on page):</p>
  <pre><code>function fullpagejs_scripts() {
  wp_enqueue_script('fullpage_js_file', '/src/fullpage/fullpage.js', array('jquery'), '', false);
  wp_enqueue_style('fullpage_css_file', get_template_directory_uri(). '/src/fullpage/fullpage.css');
  }
  add_action('wp_enqueue_scripts', 'fullpagejs_scripts');
  </code></pre>
  <p>The test page: <a href="https://www.the-landrovers.com/dream-defender-journey-copy/" rel="nofollow noreferrer">https://www.the-landrovers.com/dream-defender-journey-copy/</a></p>
  <p>I can't figure out how to get this workinig. Anyone have experience with implementing fullpage.js into a wordpress page template?</p>