我无法解决导致我的脚本失败的问题。jquery隐藏显示工作不正常
Here是我使用的代码。 虽然它在JsFiddle中完美地工作,但当我在我的站点中实现它时,它根本不起作用。
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$("#overlay").hide();
$("#work").click(function(e){
$("#overlay").toggle();
e.stopPropagation();
});
$(document).click(function(){
$("#overlay").hide();
});
$("#overlay").click(function(e){
e.stopPropagation();
});
</script>
</head>
<body>
<div id="work"></div>
<div id="overlay"><iframe width="100%" height="100%" src="//www.youtube.com/embed/uQFGkGk4PSc" frameborder="0" allowfullscreen></iframe></div>
</body>
谢谢!
任何内容的加载与AJAX? – 2014-11-21 15:27:02
你确定你链接到jquery.js吗? – 2014-11-21 15:31:23
检查您是否包含jQuery库。 – thecodeparadox 2014-11-21 15:31:34