Как говорится в названии, я только что закончил создание веб-сайта. Протестировал его на моем локальном сервере, где все работает отлично без ошибок.
Однако после загрузки моих файлов на серверы 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>
Вот моя структура папок
Папка поставщика содержит все файлы js, как вы уже можете сказать.
Все ваши файлы загружены правильно.. Проблема здесь
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 ;
};
console.log(filename )
и открытьwww.seimodei.com
напрямую и посмотреть, что вы получите