问:此代码不起作用。我将它添加到 style.css 文件夹中。我正在使用 chrome 浏览器。
叠加 p { 颜色:白色;}
答:// This is the app.js folder<b> //Problem: User when clicking on image goes to a dead end<b> //Solution: Create an overlay with the large image - Lightbox<b> <b> var $overlay = $('<div id="overlay"></div>');<b> var $image = $("<img>");<b> var $caption = $("<p></p>");<b> <b><b> //An image to overlay<b>
$overlay.append($image);```
< b >< b >
```//叠加的标题``` < b >
```$
overlay.append ($caption);``` < b > < b >< b >
```//添加overlay``` < b >
```$("body").append($overlay);``` < b >
< b >< b > < b >< b > ```//1. 捕获指向图像的链接上的点击事件``` < b > ```$("#imageGallery a").click(function(event){``` <
``` event.preventDefault();``` < b >
``` var imageLocation = $(this).attr("href");``` < b >
``` //使用链接的图像更新覆盖在链接中
```
< b > ```$image.attr("src", imageLocation);``` < b > < b >< b > ``` //显示叠加层``` < b > ``` $overlay.show();``` < b > < b >< b > < b >< b > ```//获取子项's alt 属性并设置标题``` <
b >
```var captionText = $(this).children("img").attr("alt");``` < b >
```$caption.text(captionText);``` < b >
```});``` < b >
< b >< b >
< b >< b >
< b >< b >
```//点击叠加层时
```
< b > ```$overlay .click(function(){``` < b > ``` $overlay.hide();``` < b >
```});``` <乙>
```//隐藏叠加层``` < b >