Javascript jQuery show/hide-won'；我不在wordpress工作_Javascript_Jquery_Wordpress

Javascript jQuery show/hide-won'；我不在wordpress工作

javascript jquery wordpress

Javascript jQuery show/hide-won'；我不在wordpress工作,javascript,jquery,wordpress,Javascript,Jquery,Wordpress,我对此一无所知，因为我是一名乞丐，我为wordpress创建了此模板，我的客户希望在单击每张图像上的相应播放按钮时显示youtube视频：下面是我为它编写的代码：在标题上我放置了这个函数 enter code here On the header I put this function <script type="text/javascript"> jQuery(document).ready(function(){ jQuery(".pl

我对此一无所知，因为我是一名乞丐，我为wordpress创建了此模板，我的客户希望在单击每张图像上的相应播放按钮时显示youtube视频：

下面是我为它编写的代码：

在标题上我放置了这个函数

   enter code here

  

  On the header I put this function

  <script  type="text/javascript">
  jQuery(document).ready(function(){

  jQuery(".play1").click(function(){
   jQuery(".vid1").show();
  });


  jQuery(".closevid, this").click(function(){
   jQuery(".vid1").hide();
  });
 
	});
  </script>
enter code here

 
页面上的HTML代码：
确保在运行脚本之前调用jquery。在向锚定标记添加单击事件时，还需要防止默认设置
<script  type="text/javascript">
    jQuery(document).ready(function(){

        jQuery(".play1").click(function(e){
            e.preventDefault();
            jQuery(".vid1").show();
        });


        jQuery(".closevid, this").click(function(e){
            e.preventDefault();
            jQuery(".vid1").hide();
        });

    });
</script>


jQuery（文档）.ready（函数（）{
jQuery（“.play1”）。单击（函数（e）{
e、 预防默认值（）；
jQuery（“.vid1”）.show（）；
});
jQuery（“.closevid，this”）。单击（函数（e）{
e、 预防默认值（）；
jQuery（“.vid1”）.hide（）；
});
});
（1）您包括jQuery库了吗？通常，它包含在
部分中，如下所示：
<head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
</head>



参考：
（2） 在jQuery document.ready包装中，放置一个警报
<script type="text/javascript">
    jQuery(document).ready(function(){
        alert("It works");
    });
</script>


jQuery（文档）.ready（函数（）{
警惕（“它起作用”）；
});

如果它弹出，那么代码的其余部分就没有语法错误。如果它没有弹出，则删除除alert语句之外的所有内容（同样，仍然在document.ready包装器中——使其看起来与上面完全相同），然后重试
让这一点起作用，然后一点一点地添加到其他部分。
我可以看到一些问题：
CSS
删除显示：无来自.videos
，因为您总是将所有内容隐藏在该容器中。相反，请更改现有CSS以包含它：
.vid1, .vid2, .vid3, .vid4, .vid5, .vid6 {
    position: absolute;
    bottom: -1.5em;
    left: .3em;
    display: none; /* added here */
}

代码
播放按钮类是play1
，因此，显示vid1
的代码应该是：
jQuery(".play1").click(function (e) {
  e.preventDefault(); 
  jQuery(".vid1").show();
});

关闭按钮已在vid1
内，因此单击closevid
内vid1
时，只需隐藏容器即可：
jQuery(".vid1 .closevid").click(function (e) {
  e.preventDefault();
  jQuery(".vid1").hide();
});

html部分上显示的标记位于标题部分。确保没有其他（html）元素，重叠（并因此“隐藏”）按钮，以便按钮实际接收单击事件感谢建议Nikos:）感谢建议realseanp:）嗨，胡言乱语，是的，我将其包括在插件中，准备好的文档会弹出。谢谢你的建议。