jquery - 将右上角的“关闭按钮”图标添加到 JQuery 灯箱？

Question

通过谷歌冲浪搜索灯箱插件时。我最终在http://kyleschaeffer.com/development/lightbox-jquery-css/找到了一个，源代码在那里可用。

该脚本简短、简单且可自定义。然后我注意到它没有关闭按钮图标。网页上的那个人说“你可以通过将它连接到 closeLightbox() 来轻松地在你的灯箱中添加一个‘关闭’按钮；” 但我没有看到一个例子，也不知道如何准确地做到这一点。

谢谢。

Answer 1

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

http://jsfiddle.net/FMnn6/

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