Функция OnClick на моем сайте не работает

Я новичок в JS. Я заново создал то, что хочу в JSFiddle здесь: https://jsfiddle.net/t5fq5zjj/Функция OnClick на моем сайте не работает

В принципе, он отлично работает в jsF, но когда я применяю это в свой код, он не работает. Когда я нажимаю на .card1 (или что-то еще), с ним ничего не произойдет. Поэтому я хочу спросить, есть ли у меня это право?

<head> 
    ... 
    <!-- js --> 
    <script src="js/jquery-2.1.4.min.js"></script> 
    ... 
    <script> 
     $(function() { 
      $(".icon_card1").click(function() { 
     $(".card1bg").css('opacity', '1'); 
      }); 
     }); 
    </script> 
</head> 
<body> 
    ... 
    <div class="content"> 
     <div class="card1"> 
      <div class="image_card1"></div> 
      <div class="icon_card1"><img src="img/arrow.png"></div> 
     </div> 
    </div> 
    ... 
    <div class="card1bg"> 
     <video autoplay poster="img/background.png" id="bgvid" loop> 
      <source src="img/background.mp4" type="video/mp4"> 
     </video> 
    </div> 
    ... 
</body>

Он не работает в моем коде, но он находится в jsFiddle. Спасибо за ваше время.

EDIT: Я загрузил весь код на свой хостинг, так что здесь вы можете проверить это: http://hdesign.comehere.cz/

источник

2016-01-21 Honzis Novák

Значение по умолчанию для 'opacity' просто' 1', вы должны установить его на что-то другое первоначально, если вы хотите увидеть что-нибудь – adeneo

ли вы пытаетесь двигаться тег сценария в нижней части тела или обертывание его в '$ (document) .ready (function() {/ * Ваш код * /});'? Если скрипт находится в верхней части страницы, он может запускаться до создания html, привязывая функцию щелчка к нулю. – Vikk

Упс. Просто заметили, что вы использовали стенографию для .ready(). То же самое с @adeneo. Если вы хотите проверить, действительно ли ваша функция щелчка работает, добавьте console.log прямо перед .css(). Если он входит в консоль, функция запускается, и вы можете сузить ее до логики. – Vikk

Я пытаюсь проверить проект на указанный вами hosting , но я вижу, что JQuery файл не загружается должным образом (ошибка 404). Попробуйте проверить Jquery FilePath и местоположение файла

источник

2016-01-21 22:22:55 IBelous

Нет, черт возьми, я ... Я проверил, что 3 раза, но в другом каталоге файлов. Спасибо, человек! Ты много сделал для меня! –

Оберните ваш код JavaScript в документе готовой функции.

$(document).ready(function() { 
    $(".card1").click(function() { 
     $(".card1_content").css('background', 'red'); 
    }); 

    $(".card2").click(function() { 
     $(".card1_content").css('background', 'aqua'); 
    }); 
});

источник

2016-01-21 20:22:21

'$ (function() {...' === '$ (document) .ready (function() {...' – adeneo

Это уже в коде. это короткая версия '$ (document) .ready()': '$ (function() {' – gibberish

Спасибо! Это полезно, но не решило всю проблему:/ –

Функция OnClick на моем сайте не работает

ответ

Смежные вопросы