Таким образом, у меня есть сайт в двух разных местах, и на одном веб-сайте он отлично работает, с другой, код не работает. Даже если я открою его в своем браузере, он не сработает.
Предполагается, что сценарий изменит непрозрачность изображения с 0,6 → 1, когда кто-то вытащит изображение. Теперь он работает в исходном месте, в новом месте его нет, и он не работает на моем компьютере, когда я его открываю напрямую.
время кода:
Это images.js
$(function()
{
$("#footer img").hover
(
function()
{
$(this).stop().animate({"opacity": "1"}, "slow");
},
function()
{
$(this).stop().animate({"opacity": "0.6"}, "slow");
}
);
});
Это код на странице, который вызывает указанный выше файл:
<script type="text/JavaScript" src="/images.js"></script>
Затем, наконец, нижний колонтитул, в котором изображения должны быть затронуты кодом:
<div id="footer">
<a href="completed-roofing-works/test.html"><img src="_resources/images/footer-3.jpg" alt="image 2" /></a>
<a href="completed-roofing-works/completed-roofing-works-two.html"><img src="_resources/images/footer-6.jpg" alt="image 1" /></a>
<a href="completed-roofing-works/test.html"><img src="_resources/images/footer-1.jpg" alt="image 3" /></a>
<a href="testimonials/test.html"><img src="_resources/images/footer-4.jpg" alt="Roofers Kent" /></a><a href="testimonials/test.html"><img src="_resources/images/footer-2.jpg" alt="image 4" /></a>
<a href="testimonials/test.html"><img src="_resources/images/footer-5.jpg" alt="image 5" /></a>
</div></div>
Просто сидеть здесь сейчас, единственное, что я могу думать, это может быть, что Javascript не установлен, подумайте, что это может быть так?
Спасибо.
:РЕДАКТИРОВАТЬ:
Посмотрев на него, я заметил, что это может быть как-то конфликт с этим скриптом:
<script language="javascript">
var mobile = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));
if (mobile) {
window.location.replace("mobile/choose.html");
}
</script>
Он приходит сразу после кода, который вызывает файл images.js
РЕШЕНИЕ СПАСИБО:
Для тех, у кого есть аналогичная проблема в будущем: удалите/перед именем каталога, похоже, это очень не нравится.
В коде есть jQuery. jQuery - это библиотека, которая требует явного включения.
Это в отличие от Vanilla JS, что настолько хорошо, что браузеры предоставляли его как стандарт, без необходимости какой-либо активации или включения в течение многих лет.
В этом случае, однако, даже Vanilla JS является излишним.
CSS:
#footer img {
opacity: 0.6;
transition: all 0.8s ease;
}
#footer img:hover {
opacity: 1;
}