你知道吗？alt属性应该更能说明图像是什么。title属性更适合用于

 

 

答：因此很难知道您为什么会遇到该错误。这是一个非常简单的挑战（尽管我不得不说这个问题很长且很难理解）。您所要做的就是将$ captionText变量从使用alt属性更改为使用title属性。见下文。

 

//问题：用户在点击图片时陷入僵局

//解决方案：创建带有大图片的叠加层-灯箱

var $ overlay = $ （'<div id =“ overlay”> </ div>' ）; var $ image = $ （“ <img>” ）; var $ caption = $ （“ <p> </ p>” ）; //要覆盖$ overlay的图像。append （$ image ）; //叠加$ overlay的标题。append （$ caption ）;

 

）。追加（$ overlay ）; 

//捕获指向图像$ （“ #imageGallery a” ）的链接上的click事件。点击（函数（事件）{事件。的preventDefault （）; VAR imageLocation = $ （本）。ATTR （“HREF” ）; //更新与叠加在所链接的图像$图像。ATTR （“SRC” ，imageLocation ） ; //显示覆盖。$覆盖。秀

 

  （）; 

//获取孩子的title属性并设置标题var captionText = $ （this ）。儿童（“ img” ）。attr （“ title” ）; // ***此处所做的更改*** $ caption 。文字（captionText ）; }）; //单击叠加时$ overlay 。点击（函数（）{ //隐藏覆盖$覆盖。隐藏（）; }）;