javascript - jQuery - how to trigger a lightbox when click on table row? -

नमूना सारणी:

  & lt; तालिका & gt; & Lt; tr class = "record" id = "10" & gt; & LT; टीडी & gt; 1/1/2010 और lt; / टीडी & gt; & LT; टीडी & gt; $ 10.00 & lt; / टीडी & gt; & Lt; / टीआर & gt; & Lt; tr class = "record" id = "11" & gt; & LT; टीडी & gt; 1/3/2010 और lt; / टीडी & gt; & LT; टीडी & gt; $ 15.00 & lt; / टीडी & gt; & Lt; / टीआर & gt; & Lt; / तालिका & gt;   
 मैं इस जेएस का इस्तेमाल कर रहा हूँ जब क्लिक पर तालिका पंक्ति से  id  प्राप्त करने के लिए, और एक यूआरएल (कुछ कोडइग्नेटर मार्कअप) बनाते हैं।  
  $ (document) .ready (function () {$ ('tr.record')। Bind ('click', function () {var record_id = $ (this) .attr ("id"); var लिंक = '& lt;? Php गूंज base_url ();? & Gt; खर्चे / संपादित करें /' + record_id;});});   
 उस यूआरएल के साथ, मैं एक लाइटबॉक्स में एक पीएचपी / एचटीएमएल पृष्ठ खोलना चाहूंगा।  
 अधिकांश jQuery के हल्के बक्सा समाधान (फ़ैन्ज़बॉक्स, jQuery उपकरण ओवरले) को < कोड> एआरआईआर  ट्रिगर करने के लिए।  
 मुझे आश्चर्य है कि कोई मुझे बता सकता है कि कैसे इस पर जेएस ऊपर के बाद स्वचालित रूप से कैसे किया जाए - यानी, एक बार  record_id < / कोड> ज्ञात है, यूआरएल का निर्माण करें, और फिर स्वतः एक लाइटबॉक्स ट्रिगर करता है जो मेरे PHP / HTML पृष्ठ को अंदर दिखाता है।  
 इस पर कोई संकेत?  
 धन्यवाद!   
 
 <पी यह कोशिश करें:  
  $ (document) .ready (function () {$ ('tr.record')। Bind ('click', function () {var record_id = $ (यह ) .attr ("id"); var लिंक = '& lt;? Php echo base_url ();? & Gt; खर्चे / संपादित करें /' + record_id; $। फेंसीबॉक्स ({'चौड़ाई': '75% ',' height ' : 'कोई नहीं', 'प्रकार': 'iframe', 'href': link});});}); '75%', 'autoScale': गलत, 'संक्रमण' ':' कोई नहीं ',' संक्रमण '   
 पैरामीटर जांच के बारे में अधिक जानकारी के लिए: