jQuery的灯箱我 - 多个链接相同的弹出

Question

您好我使用jQuery灯箱插件打开页面上的弹出窗口，但我想多个链接打开相同的弹出窗口。

验证码：

<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 = “尝试-...” ）因为它的工作这是2链接罚款，但前50，这是有点不必要，我认为。

必须有一个更简单的方法来做到这一点，所以任何想法最赞赏。

关注凯文。

Answer 1

尝试使用类而不是id。给所有的链接同一类：

$('.try').click(function(){ 
    //some code... 
}) 

Answer 2

可以使用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"> 

这将解决您的问题，更多的则100S以及 我希望这将有助于