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>
...

そして、それらの 2 つ以上を機能させますか?

何かのようなもの：

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

これは部分的に機能し、開くことができますが、オーバーレイが再び閉じるのを防ぎます...

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

明らかに、上記の構文は正しくありません。どうすればよいかわかりません...

ありがとう！！

4

3 に答える 3

1

次のようにします。

$('[id^=showContent]')

これにより、id が showContent で始まるすべての要素が選択されます。

于 2012-09-11T11:59:20.097 に答える
0

非常に高度にカスタマイズ可能な Qtip2 を使用することもできます。ここで見つけることができますhttp://craigsworks.com/projects/qtip2/demos/#tips同じウィンドウにオーバーレイが多すぎるのと同じで、必要に応じてオーバーレイを作成することもできます。Qtip2 のドキュメントはこちらhttp://craigsworks.com/projects/qtip2/docs/

これが役立つことを願っています。

于 2012-09-11T12:07:07.373 に答える
0

このライブラリをダウンロードしてください私はこのようなものを開発し、使いやすくしまし jloading()た。jHide()

于 2012-09-11T11:58:03.220 に答える