2012-06-20 10 views

उत्तर

1

टैग में जावास्क्रिप्ट उपयोग करने का प्रयास

onClick = " window.location.href = ' http://www.google.com ' "

नमूना

<a href="images/examples/image-1.jpg" rel="lightbox" 
    title="&lt;a target='_self' onClick=&quot;window.location.href=&#x27;http://www.google.com&#x27;&quot; href='http://www.google.com'&gt;Google&lt;/a&gt;"> 
<img src="images/examples/thumb-1.jpg" alt="" /> 
</a> 
11

मुझे lightbox.js में इस समस्या का समाधान मिला। आपको if केस संपादित करना होगा, else स्थिति जोड़ना जो false पर वापस आने से बचें जब आप div "लाइटबॉक्स" पर क्लिक करते हैं।

$lightbox.hide().on('click', function(e) { 
    if ($(e.target).attr('id') === 'lightbox') { 
     _this.end(); 
     return false; 
    } 
    else { // HERE 
     return true; 
    } 
    }); 
+0

यह विधि शायद ज्यादातर मामलों में काम करेगी लेकिन मुझे लगता है कि इसमें कुछ अनजाने साइड इफेक्ट्स हो सकते हैं, क्योंकि यह लाइटबॉक्स पर बबल करने वाले सभी क्लिकों को प्रभावित करेगा। मैंने नीचे दिए गए मेरे उत्तर में एक और सीमित हस्तक्षेप जोड़ा है, जो केवल कैप्शन के अंदर लिंक पर एक ईवेंट पंजीकृत करेगा। – NateWr

0

मैं यहां मेरे लिए काम करने के लिए कोई जवाब नहीं मिला हूं। हालांकि, मुझे पता चला है कि Slimbox2 काम करता है और स्वैप करने के लिए बहुत सरल है क्योंकि यह उसी वाक्यविन्यास का उपयोग करता है।

3

मुझे लगता है कि लाइटबॉक्स 2 संस्करण 2.6 का उपयोग करके ऊपर सूचीबद्ध लोगों की तुलना में मुझे लगता है कि एक बेहतर समाधान है।

this.$lightbox.find('.lb-caption').html(this.album[this.currentImageIndex].title).fadeIn('fast'); 

एक बार शीर्षक जोड़ा जाता है, आप क्लिक करें घटना रजिस्टर और किसी भी लिंक का पालन करने के लिए ब्राउज़र के लिए मजबूर कर सकते हैं: lightbox.js की लाइन 252 (unminified) पर, आप इस लाइन जो शीर्षक कहते हैं देखेंगे इस तरह श्रृंखला पर जोड़कर कैप्शन:

this.$lightbox.find('.lb-caption').html(this.album[this.currentImageIndex].title).fadeIn('fast').find('a').on('click', function() { location.href = $(this).attr('href') }); 

मैं इस परिवर्तन के साथ एक pull request शुरुआत कर दी है, ताकि आप स्थिति और वहाँ किसी भी आगे की चर्चाओं का अनुसरण कर सकते हैं।

संबंधित मुद्दे