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。谢谢你的时间。

编辑：我装的所有代码到我的主机，所以在这里你可以检查一下：http://hdesign.comehere.cz/

为'opacity'的默认值就是'1'，你必须将它设置为别的东西开始，如果你想看到什么 – adeneo

你有没有尝试移动脚本标记到主体的底部或者将其封装到'$（document）.ready（function（）{/ * Your code * /}）;'？如果脚本位于页面的顶部，它可能会在创建html之前运行，将click函数绑定到无。 – Vikk

哎呦。只是注意到你使用了.ready（）的简写。首先与@adeneo同上。如果您想查看您的点击功能是否实际运行，请在.css（）之前添加一个console.log。如果它登录到控制台，该功能正在运行，那么您可以将其缩小到逻辑。 – Vikk

答

我尝试测试您指定的hosting 您的项目，但我看到的jQuery文件不正确加载（错误404）。测试一下jQuery的文件路径和文件位置

没有上帝该死的方式......我检查像3次，但在另一个文件目录。谢谢你！你为我做了很多！ –

答

文档准备功能内包装你的JavaScript代码。

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

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

'$（function（）{...'==='$（document）.ready（function（）{...' – adeneo

这已经在代码中。是'$（document）.ready（）'的简短版本：'$（function（）{' – gibberish

谢谢！这是有用的，但并没有解决整个问题：/ –

OnClick函数不能在我的网站上工作

相关推荐