The Fullpage JS feature is functioning properly on the localhost environment, but is encountering issues when

I have encountered an issue with my HTML code: I am using fullpage.js and the web page functions perfectly on localhost. However, once I upload all the files to the server, it stops working.

$(document).ready(function() {
   if ($(window).width() > 768) {
      $('#fullpage').fullpage({         
        menu: '#side-menu',
        css3: true,
        scrollingSpeed: 1500,
        scrollBar: true,
        recordHistory: false
    });
   }
    else{     
   $.fn.fullpage.destroy('all');
  }   
});

Check out a demo of the website here.

javascriptjqueryhtmlcssfullpage.js

Answer №1

Give this a try, it should do the trick: 

<script src="js/jquery.fullPage.js"></script>

The key is paying attention to lowercase and uppercase letters.

Answer №2

Check out the network tab.

The link to jquery.fullpage.js could not be located.

This particular file is not being hosted on this current domain.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Execute React program within VM Azure

After setting up my React application on Azure's virtual machine, I encountered an issue. When trying to access the public URL (DNS) of the VM, I received a "site can't be reached" message. This is the process I followed to launch my project on ...

javascriptnode.jsazureazure-virtual-machine

Error: The value property is undefined and cannot be read at the HTMLButtonElement

I'm currently working on a project where I need to display a dropdown menu of buttons using Pug in order to render an HTML page. To achieve this, I am using the getElementsByClassName('dropdown-item') method to retrieve all the buttons in an ...

javascripthtmlnode.jsexpresspug

sticky bootstrap datepicker anchored to the top of the screen

Currently, I am working on a form that includes a date picker using the bootstrap datepicker In this setup, I have hidden the main bootstrap field and added three custom fields. When any of these fields are clicked, the calendar should open next to them. ...

javascripthtmljquerycss

The alignment of the timeline in HTML CSS becomes distorted once it reaches the fourth element

As a newcomer to HTML, CSS, and JS, I am currently embarking on the task of creating a personal website for a course project. One of the pages on my website showcases a timeline featuring dates and information. While I have referred to a tutorial on W3scho ...

javascripthtmlcssbootstrap-5

Consolidate HTML project into a unified HTML file

In my current project, I am working with a static HTML report that is organized in the structure outlined below: 1.css 2.font 3.js 4.pages 5.attachments 6.index.html I would like to know how I can combine all these elements to create a unified 'repor ...

javascripthtmlnode.jsnpm

Identify instances of repeated values in input fields

I'm working on a complex html form that includes multiple email fields. To ensure data integrity, I want to prevent users from entering the same email in more than one field. After some trial and error, I successfully identified duplicate emails by s ...

javascripthtmljqueryarraysforms

Working with nested arrays in Mongoose/Javascript: Adding an Object to an Array within another Array

I have been attempting to add an object to an array that is nested inside another Array in Mongoose. Essentially, it's like having comments for the comments. Below is the structure of my schema: const Schema = new mongoose.Schema ({ name: {type: Str ...

javascriptnode.jsmongodbmongoosemultidimensional-array

Having difficulty with navigating from the jquery css click event within AngularJS

I successfully implemented a click binding using AngularJS with the following code: data-ng-click="vm.newCard()" The newCard() function is defined as: $location.path("xxxx/card/0"); This setup is navigating correctly. However, when using jQuery for a ...

jqueryangularjssingle-page-application

Encountering an error in Express while attempting to upload an image due to the inability to read the property 'file' of undefined

I am currently learning Express framework. I encountered an error while trying to upload an image using Express. The error message I received is "Cannot read property 'file' of undefined." Below are the code snippets that I am using, and I&apo ...

javascriptsqlnode.jsexpressfile-upload

The JavaScript onclick attribute of the button cannot be seen in the html inspect tool

I created a code where I made a button called "Clear Cart" and passed it to the HTML code using JavaScript. I included the attribute 'onclick' on the button, but when I checked the page, the button appeared without the 'onclick' attribu ...

javascripthtmlbuttonbootstrap-4

Narrowing the width of a line-broken <h1> heading

I have encountered a problem that can be best described with two images provided below. Let's focus on the relevant CSS snippet: h1 { display: inline-block; background-color: pink; } The first example shows an <h1> tag with a short ti ...

htmlcss

How to Align a Footer to the Bottom of the Page using Bootstrap 5

My issue arises when using a dark background footer, as some pages lack enough content to fill the entire browser's viewport. Consequently, an unsightly white band appears below it. How can I ensure the footer reaches the bottom of the viewport on pa ...

htmlcssbootstrap-5

ReactJS form submissions failing to detect empty input values

My goal is to use react to console.log the input value. Below is the code I've created: import React from 'react'; import ReactDOM from 'react-dom'; class App extends React.Component{ constructor() { super(); this.proce ...

javascriptreactjs

trigger a shortcode by clicking an HTML button

I am attempting to trigger a shortcode by clicking on a button. However, the code below is not functioning properly. When I click the button, it simply adds "/""" to my website's address without actually executing the shortcode. <div cla ...

phphtmlshortcode

Creating an image gallery with animated effects: A step-by-step guide

I am looking to develop a creative image gallery with animated effects. I also want to include panels and hyperlinks for each image, similar to the functionality on this website: http://www.microsoft.com/en-lk/default.aspx Can anyone guide me on how to ac ...

phpjavascripthtmlajax

I encountered a problem in Javascript where I was unable to get the video.getCurrentTime() function to display the current time of

While everything else in my code is running smoothly with setInterval, there seems to be an issue with video.getCurrentTime() not displaying in the div id = "test" when the video is playing. I've been trying to figure out why this is happening. Here&a ...

javascripthtml

Updating the state of a parent component from a slot in VueJS

Hi there, I am currently facing a challenge as a newcomer to Vue. Within my project, I am using Vuetify and have a v-dialog component with a slot structured as follows: <template> <v-row> <v-dialog v-model="dialog" max-width="600px"&g ...

javascriptvue.jsvuetify.jsslot

Struggling with uploading files in AngularJS?

Below is the code snippet from my controller file where I aim to retrieve the values of various input elements (name, price, date, image) and store them in an array of objects... $scope.addBook = function(name, price, date, image) { name = $scope ...

javascripthtmlangularjsangular-file-upload

Sending an array of JSON objects using jQuery is a simple and straightforward process. By

I'm currently facing a challenge while working on my web page - I am struggling to send an Array of JSON objects to my PHP backend script. Below is the JavaScript code I have been using (with jQuery): var toSend = new Array(); ...

phpjavascriptjsonjquery

Adjusting elements in Material UI without distorting them

Struggling with resizing a select component from material UI led to some unexpected challenges. Despite attempting to adjust the size using the className property, the label ended up misaligned and the selection shade appeared larger than the select box it ...

cssreactjsmaterial-uifrontendreact-typescript