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以及 我希望這將有助於