问：我一直在寻找我的代码和视频，以及在互联网上其他地方，但是我无法解决这个问题。当我尝试执行程序时，它说$ overlay.show（）不是函数，但是如果我取出'（）'，则控制台会说它们丢失了。下面是我来自app.js文件的代码，然后是index.html（在// HTML之后开始），最后是style.css（在// CSS之后开始）。谢谢你的帮助。[我无法在文本块/屏幕中设置CSS的格式，所以我知道，CSS的格式不佳/可读性强。]
//问题：用户在点击图片时陷入僵局
//解决方案：创建并覆盖大图片-灯箱
var $ overlay = （'<div id =“ overlay”> </ div>' ）; //添加叠加层$ （“ body” ）。追加（$ overlay ）; //图片//标题//捕获指向图片$ （“ #imageGallery a” ）的链接上的click事件。点击（函数（事件）{事件。的preventDefault （）; VAR的href = $ （
此）。attr （“ href” ）;
$ overlay 。显示（）; //显示叠加层。//用链接中链接的图片更新叠加层// //获取孩子的alt属性并设置标题}）; //单击叠加层时//隐藏叠加层
// HTML <！DOCTYPE html> <html> <head> <link rel =“ stylesheet” href =“ css / style.css” type =“ text / css” media =“ screen” title =“没有标题” charset = “ utf-8”> <title>图片库</ title> </ head> <body> <h1>图片库</ h1> <ul id =“ imageGallery”> <li> <a href =“ images / refferal_machine .png“> <img src =” images / refferal_machine.png“ width =” 100“ alt =” Refferal Machine作者Matthew Spiel“> </a> </ li> <li> <a href =” images / space- juice.png“> <img src =” images / space-juice.png“ width =” 100“ alt =” Space Juice by Mat Helme“> </a> </ li> <li> <a href =”images / education.png“> <img src =” images / education.png“ width =” 100“ alt =”克里斯·米歇尔的教育“> </a> </ li> <li> <a href =” images / copy_mcrepeatsalot.png“> <img src =” images / copy_mcrepeatsalot.png“ width =” 100“ alt =”想要：复制Chris Michel的McRepeatsalot“> </a> </ li> <li> <a href =” images /sebastian.png"><img src =“ images / sebastian.png” width =“ 100” alt =“塞巴斯蒂安（作者Mat Helme）”> </a> </ li> <li> <a href =“ images / skill -polish.png“> <img src =” images / skill-polish.png“ width =” 100“ alt =”克里斯·米歇尔的技巧波兰语“>”> </a> </ li> <li> <a href =“ images / chuck.png”> <img src =“ images / chuck.png” width =“ 100” alt =“ Chuck by Mat Helme”> </a> </ li> <li> <a href="images/library.png"> < img src =“ images / library.png” width =“ 100” alt =“图书馆，由Tyson Rosage”> </a> </ li> <li> <a href="images/boat.png"> <img src =“ images / boat.png” width =“ 100” alt =“船由格里芬·摩尔（Griffin Moore）”> </a> </ li> <li> <a href="images/illustrator_foundations.png"> <img src =“ images / illustrator_foundations.png“ width =” 100“ alt =”马修斯·斯皮尔（Matthew Spiel）的插画家“> </a> </ li> <li> <a href="images/treehouse_shop.jpg"> <img src =” images / treehouse_shop。jpg“ width =” 100“ alt =” Eric Smith的树屋商店“> </a> </ li> </ ul> <script src =” http://code.jquery.com/jquery-1.11.0。 min.js“ type =” text / javascript“ charset =” utf-8“> </ script> <script src =” js / app.js“ type =” text / javascript“ charset =” utf-8“> < /脚本>
</ body> </ html>
// CSS
正文 {
font-family ：sans-serif ; 背景：＃384047 ; } h1 {颜色：#fff ; 文本对齐：居中} ul { list-style ：none ; 保证金：0自动; 填充：0 ; 显示：块; 最大宽度：780像素；text-align ：center ; } ul li
{
display ：inline-block ; 填充：8像素; 背景：白色; 边距：10像素; } ul li img {显示：块; }一个{文字修饰：无; } / **开始编码这里** / ＃覆盖{背景：RGBA （0 ，0 ，0 ，0.7 ）;
宽度：100 ％;
高度：100 ％; 职位：绝对; 最高：0 ; 左：0 ; 显示：无; }
答：好像您缺少函数的结束标记。
$ （“ #imageGallery a” ）。点击（函数（事件） {
事件。的preventDefault （）; VAR的href = $ （本）。ATTR （“HREF” ）; $覆盖。节目（）; }）; //添加这个
也不要在$ overlay声明中使用空格，否则会丢失div结束标记。
var $ overlay = （''<div id =“ overlay”>' ）;
应该。
var $ overlay = （'<div id =“ overlay”> </ div>' ）;
