Почему этот JavaScript не работает на одном сайте, но работает на другом?

0

Таким образом, у меня есть сайт в двух разных местах, и на одном веб-сайте он отлично работает, с другой, код не работает. Даже если я открою его в своем браузере, он не сработает.

Предполагается, что сценарий изменит непрозрачность изображения с 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

РЕШЕНИЕ СПАСИБО:

Для тех, у кого есть аналогичная проблема в будущем: удалите/перед именем каталога, похоже, это очень не нравится.

  • 1
    Это не работает, не достаточно для нас, чтобы помочь вам. Вы получили ошибку от отладчика?
  • 4
    Может быть, JQuery не включен.
Показать ещё 6 комментариев
Теги:

1 ответ

2

В коде есть jQuery. jQuery - это библиотека, которая требует явного включения.

Это в отличие от Vanilla JS, что настолько хорошо, что браузеры предоставляли его как стандарт, без необходимости какой-либо активации или включения в течение многих лет.

В этом случае, однако, даже Vanilla JS является излишним.

CSS:

#footer img {
    opacity: 0.6;
    transition: all 0.8s ease;
}
#footer img:hover {
    opacity: 1;
}
  • 0
    Это очень хорошо, но разве класс: hover psuedo не работает ни для чего, кроме тегов <a> в IE? Может быть, это просто IE8 и ниже, но в зависимости от целевого пользователя это может быть проблемой. Поправь меня если я ошибаюсь
  • 0
    @RobQuincey Это могло быть правдой в прошлом тысячелетии, но это было хорошо с IE7!
Показать ещё 3 комментария

Ещё вопросы

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