0

我有以下 jQuery 代码：

$(document).ready(function() {
    $('#showContent').click(function(e) {
        e.preventDefault();
        $("body").append("<div id='lyricsOverlay'></div>");
        $("#lyricsOverlay").height($(document).height()); 
        $('#lyrics').show();
        $('#lyricsOverlay').click(function() { 
            $('#lyrics').hide();
            $('#lyricsOverlay').remove();
        });
    });
})

其中显示了一个覆盖的 div，页面的其余部分模糊了。

完美搭配：

<a href="#" id="showContent">Lyrics...</a>

我的问题：

在页面内部，我有许多链接，我希望它们的行为与第一个链接一样。那么，我怎样才能实现类似的东西：

<a href="#" id="showContent0">Lyrics...</a>
<a href="#" id="showContent1">Lyrics...</a>
...

并让他们中的两个或更多工作？

就像是：

**i = GET i from the link?** 
$('#showContent.**i**').click(function(e) {

这部分工作，允许打开，但防止覆盖再次关闭......

$((this)).click(function(e) {

显然上面的sintax是不正确的，我不知道该怎么做......

谢谢！！

4

3 回答 3

1

你这样做：

$('[id^=showContent]')

这将选择 id 以 showContent 开头的所有元素。

于 2012-09-11T11:59:20.097 回答
0

下载这个库我已经开发了类似的东西并使它易于使用，只需调用jloading()和jHide()方法 https://github.com/gemy21ce/ajax-submit.git

于 2012-09-11T11:58:03.220 回答
0

you can also use Qtip2 which is very highly customizable. you can find it here http://craigsworks.com/projects/qtip2/demos/#tips it is same as there are too many overlays on the same windows and also you can make them as per your requirement. Qtip2's documentation is here http://craigsworks.com/projects/qtip2/docs/

hope this will help.

于 2012-09-11T12:07:07.373 回答