Javascript не работает после загрузки сервера

0

Как говорится в названии, я только что закончил создание веб-сайта. Протестировал его на моем локальном сервере, где все работает отлично без ошибок.

Однако после загрузки моих файлов на серверы dreamhost сайт загружается, но мои анимации и интерактивность не работают. Я связался с службой поддержки клиентов и сказал, что в моем файле error.log говорится, что папка, где находятся все мои файлы GSAP.js, не найдена. Но, глядя на мою панель, все файлы были загружены успешно.

Чтобы быть уверенным, что это были не только серверы dreamhost, я решил попробовать загрузить сайт на серверы github и по-прежнему то же самое. Сайт и все файлы загружены успешно, но файлы javascript не работают или не находятся. Я точно не знаю. И после просмотра консоли и сети в инструментах разработчика google нет единой ошибки, она показывает, что все файлы были загружены успешно, так как нет ошибок.

Что может быть причиной этой проблемы? Я потерялся.

Вот код, ссылающийся на все файлы GSAP.js и my index.js

<script src="Resources/js/index.js"></script>
<script src="Vendor/js/TweenMax.min.js"></script>
<script src="Vendor/js/Draggable.min.js"></script>
<script src="Vendor/js/ThrowPropsPlugin.min.js"></script>
<script src="Vendor/js/MorphSVGPlugin.min.js"></script>
<script src="Vendor/js/SplitText.min.js"></script>
<script src="Vendor/js/CSSPlugin.js"></script>
<script src="Vendor/js/ScrollToPlugin.js"></script>

Вот моя структура папок

  • about.html
  • случай-studies.html
  • contact.html
  • contact.php
  • папка css
  • experiments.html
  • папка изображений
  • index.html
  • Папка PHPMailer
  • Папка ресурсов
  • Папка поставщика

Папка поставщика содержит все файлы js, как вы уже можете сказать.

Теги:
dreamhost
gsap

1 ответ

2
Лучший ответ

Все ваши файлы загружены правильно.. Проблема здесь

function setupPage() {
  var url = window.location.pathname;
  var filename = url.substring(url.lastIndexOf('/')+1);
  switch(filename) {
    case 'index.html':
      setupIndex();
      break;
    case 'about.html':
      setupAbout();
      break;
    case 'contact.html':
      setupContact();
      break;
    case 'case-studies.html':
      setupCaseStudies();
      break;
    case 'experiments.html':
      setupsetupExperiments();
      break;
   }
}

вы уже substring URL-адрес, чтобы найти страницу.. но на самом деле вы ничего не задали, если у URL-адреса нет страницы в URL-адресе

Это означает, что если вы перейдете на сайт http://www.seimodei.com/index.html, ваш сайт будет работать так, как ожидалось

поэтому вам нужно проверить filename перед переключением. Вы можете использовать

var forcheck = url.substring(url.lastIndexOf('/')+1);
var filename = (forcheck.indexOf('.html') !== 1) ? 'index.html' : forcheck ;

ИЛИ перенаправить на index.html Я не рекомендую это

var forcheck = url.substring(url.lastIndexOf('/')+1);
var filename = 'index.html';
if(forcheck.indexOf('.html') !== 1) {
     window.location.href = "http://www.seimodei.com/index.html";
}else{
     filename = forcheck ;
};
  • 0
    Большое спасибо. Это кажется проблемой. Итак, как мне убедиться, что страница загружается непосредственно в index.html при каждом посещении?
  • 0
    @ user8930909 попробуйте console.log(filename ) и открыть www.seimodei.com напрямую и посмотреть, что вы получите
Показать ещё 10 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню