1

こんにちは、jQuery Lightbox Me プラグインを使用してページでポップアップを開きますが、複数のリンクで同じポップアップを開く必要があります。

コード：

<script src="./pop_files/jquery.lightbox_me.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
    $(function() {
        function launch() {
             $('#sign_up').lightbox_me({centered: true, onLoad: function() { $('#sign_up').find('input:first').focus()}});
        }

        $('#try-1').click(function(e) {
            $("#sign_up").lightbox_me({centered: true, onLoad: function() {
                $("#sign_up").find("input:first").focus();
            }});

            e.preventDefault();
        });
        $('#try-2').click(function(e) {
            $("#sign_up").lightbox_me({centered: true, onLoad: function() {
                $("#sign_up").find("input:first").focus();
            }});

            e.preventDefault();
        });
        $('table tr:nth-child(even)').addClass('stripe');
    });
</script>
<link rel="stylesheet" href="./pop_files/styles.css" type="text/css" media="screen" title="no title" charset="utf-8">

リンク:

<a href="./pop_files/pop.htm" id="try-1">Open pop link 1</a>
<a href="./pop_files/pop.htm" id="try-2">Open pop link 2</a>

私が抱えている問題は、すべてのリンクに新しい (id="try-...") を与える必要があることです.

これを行うにはもっと簡単な方法があるはずなので、どんなアイデアでも大歓迎です。

よろしくケビン。

4

2 に答える 2

1

ID の代わりにクラスを使用してみてください。すべてのリンクに同じクラスを与えます:

$('.try').click(function(){
    //some code...
})
于 2012-08-15T12:49:28.773 に答える
0

以下のようにjQuery Selectorを使用してそれを行うことができます。

<script src="./pop_files/jquery.lightbox_me.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
    $(function() {
        function launch() {
             $('#sign_up').lightbox_me({centered: true, onLoad: function() { $('#sign_up').find('input:first').focus()}});
        }

        $('a[id^="try"]').click(function(e) {
            $("#sign_up").lightbox_me({centered: true, onLoad: function() {
                $("#sign_up").find("input:first").focus();
            }});

            e.preventDefault();
        });
        $('table tr:nth-child(even)').addClass('stripe');
    });
</script>
<link rel="stylesheet" href="./pop_files/styles.css" type="text/css" media="screen" title="no title" charset="utf-8">

これにより、100秒以上の問題も解決されます。これが役立つことを願っています

于 2012-08-15T12:52:54.557 に答える