jquery - JQuery灯箱添加右上角 "close button"图标?

标签 jquery css lightbox

通过 Google 浏览搜索灯箱插件时。最后我在 http://kyleschaeffer.com/development/lightbox-jquery-css/ 找到了那个源代码在那里可用。

该脚本简短、简单且可自定义。然后我注意到它没有关闭按钮图标。网页上的人说“您可以通过将灯箱连接到 closeLightbox(); 轻松地向灯箱添加“关闭”按钮;”但我没有看到示例,也不知 Prop 体如何实现。

谢谢。

最佳答案

我在原始代码中添加了关闭按钮和一些样式。

http://jsfiddle.net/FMnn6/

var close = $('<a href="#" class="x">x</a>');
close
    .appendTo('#lightbox')
    .click(function(e){
        e.preventDefault();
        closeLightbox();
    });

关于jquery - JQuery灯箱添加右上角 "close button"图标?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17331125/

相关文章:

css - 带边框的纯 css 树

html - 当我使用 col-sm-12 bootstrap 3 时图片链接不可点击

css - 灯箱背景模糊的问题?

javascript - 点击时不显示 div 标签内容

jquery - 克隆带有图像的项目,图像需要一段时间才能出现

javascript - 为游戏添加新词

javascript - prettyPhoto灯箱社交工具: all images have the same number of Facebook likes

php - 使用 jQuery 从 HTML 页面重定向到 PHP 页面

html - CSS 选择相同的类名并分配不同的属性

css - 为 ie6 调试灯箱 ul