मेरे पास एक पृष्ठ है जिसमें पंजीकृत उपयोगकर्ताओं का विवरण शामिल है। प्रत्येक HTML तालिका में 80-90 उपयोगकर्ता शामिल हैं। प्रत्येक उपयोगकर्ता के लिए एक $ उपयोगकर्ता नाम चर है। मैं आमतौर पर नीचे दिए गए कोड की तरह एक तालिका में अपनी तस्वीरों को दिखाता हूं।छवियों के लिए ट्विटर बूटस्ट्रैप-मोडल
print "<a href=\"small-avatar-$username.jpg\" target=\"_blank\">
<img src=\"big-avatar-$username.jpg\">
</a>";
लेकिन उपयोगकर्ता एक नए टैब में छवियां खोल सकते हैं। मैं आसानी से बड़े अवतार दिखाना चाहता हूं। मेरी पहली पसंद लाइटबॉक्स-jquery थी। लेकिन क्योंकि मैं अपनी साइट में ट्विटर-बूटस्ट्रैप का उपयोग करता हूं, इसलिए मैंने डिफ़ॉल्ट बूटस्ट्रैप और jquery सुविधाओं का उपयोग करने का निर्णय लिया।
मैंने देखा कि "बूटस्ट्रैप-मोडल" है। जब उपयोगकर्ता लिंक पर क्लिक करता है, तो मैं बड़ी तस्वीर से ज्यादा कुछ दिखाने की योजना नहीं बनाता।
print "<a href=\"#$username" data-toggle=\"modal\" class=\"img-modal\" >
<img src=\"small-avatar-$username.jpg\" ></a>";
print '</td>';
:
मैं इस कोशिश की।
print "<div id=\"$username\" class=\"modal\">";
<img src=\"big-avatar-$username.jpg\">
print "</div>";
।
<script type="text/javascript" id="js">
$('#username').modal();
</script>
मैं अपने पृष्ठ के लिए हर उपयोगकर्ता HTML फ़ाइल बड़ा कर देगा के लिए $('#username').modal();
डालने लगता है।
लेकिन फिर मैंने इस तरह के एंकर के वर्ग नाम की कोशिश की: $('.img-modal').modal();
लेकिन यह काम नहीं किया।
इस स्थिति में आप क्या सलाह देंगे?
डेटा तक पहुंचने का एक विकल्प- * गुण '$ (यह) .डेटा (' उपयोगकर्ता नाम ') होगा। –