दिलचस्प पोस्ट
आपके होस्ट मशीन में सॉफ़्टवेयर द्वारा एक स्थापित कनेक्शन निरस्त कर दिया गया था कार्यक्रम विस्तारित जेपीनल कक्षा के पेंट कॉम्पोनेंट () को एक्सेस नहीं कर रहा है सरणी से यादृच्छिक वस्तु प्राप्त करें Iterator :: map परिणाम निकाल देता है: Err? क्या मैं अपने JSON में एक बच्चे की संपत्ति के लिए मेरी कक्षा में एक संपत्ति को मैप करने के लिए एक विशेषता में पथ निर्दिष्ट कर सकता हूँ? एलेवेट विशेषाधिकार के साथ या बिना प्रशासक के रूप में चलाने का पता लगाएं? UITableViewRowAction शीर्षक रंग कैसे परिवर्तित करें? कैसे जावा में एक सापेक्ष पथ को परिभाषित करें बाश समर्थन शब्द सीमा नियमित अभिव्यक्ति करता है? खिड़कियों में अद्वितीय फ़ाइल पहचानकर्ता स्ट्रिंग वाले PHP सरणी तत्व की खोज करें asp.net कुकीज़, प्रमाणीकरण और सत्र समय समाप्ति पीएचपी कम खुले टैग को <? Php के साथ बदलने के लिए बैच स्क्रिप्ट एक लंबे समय से चलने वाले रेगेक्स मैच को रद्द करना? पूंछ कॉल अनुकूलन के बिना एक कार्यात्मक प्रोग्रामिंग विकल्प के साथ लूप करते समय मैं कैसे बदलूं?

फैंसीबॉक्स लिंक लाइटबॉक्स में नहीं दिखता – मैं क्या याद कर रहा हूं?

ठीक है, मैंने सोचा कि मैंने इसे सही ढंग से लागू किया है, लेकिन मुझे लगता है कि मुझे कहीं जाना चाहिए।

यहां मेरा कोड है:

यहां Jquery:

jQuery(document).ready(function( $ ){ $(function() { $( ".cta-nav-hover" ).tooltip({ show: null, position: { my: "right+40 bottom", at: "left bottom" }, open: function( event, ui ) { ui.tooltip.animate({ top: ui.tooltip.position().top - 10 }, 75 ); } }); }); $(function() { $(".fancybox").fancybox(); }); }); 

फिर एचटीएमएल:

 <div id="cta-nav-wrapper"> <ul id="cta-nav"> <li class="bio"> <a href="http://placehold.it/350x125" title="Bio" class="cta-nav-hover fancybox"><span></span></a> </li> </ul> </div> 

मैंने सोचा कि यह काम करेगा, लेकिन जब मैं लिंक पर क्लिक करता हूं, तो यह मुझे पॉपअप बनाने के बजाय प्लेसहोल्डर छवि पर ले जाता है मैंने गलत क्या किया? ऐसा लगता है जैसे मेरे पास फाइल ठीक से खड़ी होती है, या कम से कम जब मैं उन्हें फायरबग के माध्यम से निरीक्षण करता हूं तो यह उचित जेएस में जाता है।

यहां बताया गया है कि सिर में क्या कहा गया है:

 <!-- Add fancyBox --> <link rel="stylesheet" href="/wp-content/themes/hustle-child/includes/js/fancyapps-fancyBox-v2.1.5-0-ge2248f4/fancyapps-fancyBox-18d1712/source/jquery.fancybox.css" type="text/css" media="screen" /> <script type="text/javascript" src="/content/wp-content/themes/hustle-child/includes/js/fancyapps-fancyBox-v2.1.5-0-ge2248f4/fancyapps-fancyBox-18d1712/source/jquery.fancybox.pack.js"></script> <!-- Optionally add helpers - button, thumbnail and/or media --> <link rel="stylesheet" href="wp-content/themes/hustle-child/includes/js/fancyapps-fancyBox-v2.1.5-0-ge2248f4/fancyapps-fancyBox-18d1712/source/helpers/jquery.fancybox-buttons.css" type="text/css" media="screen" /> <script type="text/javascript" src="/wp-content/themes/hustle-child/includes/js/fancyapps-fancyBox-v2.1.5-0-ge2248f4/fancyapps-fancyBox-18d1712/source/helpers/jquery.fancybox-buttons.js"></script> <script type="text/javascript" src="/wp-content/themes/hustle-child/includes/js/fancyapps-fancyBox-v2.1.5-0-ge2248f4/fancyapps-fancyBox-18d1712/source/helpers/jquery.fancybox-media.js"></script> <link rel="stylesheet" href="/wp-content/themes/hustle-child/includes/js/fancyapps-fancyBox-v2.1.5-0-ge2248f4/fancyapps-fancyBox-18d1712/source/helpers/jquery.fancybox-thumbs.css" type="text/css" media="screen" /> <script type="text/javascript" src="/wp-content/themes/hustle-child/includes/js/fancyapps-fancyBox-v2.1.5-0-ge2248f4/fancyapps-fancyBox-18d1712/source/helpers/jquery.fancybox-thumbs.js"></script> <!-- Magnific Popup core CSS file --> <link rel="stylesheet" href="/wp-content/themes/hustle-child/includes/js/magnific-popup.css"> <!-- Magnific Popup core JS file --> <script src="/wp-content/themes/hustle-child/includes/js/magnific-popup.js"></script> 

मैग्निफिक पॉपअप नामक एक और प्लगइन की कोशिश की, लेकिन यह भी अनुत्तरदायी है। मैं सोच रहा हूं कि मेरे वर्डप्रेस थीम की स्थापना के साथ कुछ ऐसा है।

Solutions Collecting From Web of "फैंसीबॉक्स लिंक लाइटबॉक्स में नहीं दिखता – मैं क्या याद कर रहा हूं?"

यह href="http://placehold.it/350x125" फ़ैंसीबॉक्स से नहीं कहता कि आप एक image खोल रहे हैं ताकि आप या तो :

1)। अपने लिंक की तरह fancybox.image विशेष वर्ग को जोड़ें

 <a class="cta-nav-hover fancybox fancybox.image" href="http://placehold.it/350x125" title="Bio"><span></span></a> 

2)। अपनी लिंक में (एचटीएमएल 5) data-fancybox-type विशेषता को जोड़ना

 <a data-fancybox-type="image" href="http://placehold.it/350x125" title="Bio" class="cta-nav-hover fancybox"><span></span></a> 

3)। अपने फेंसीबॉक्स स्क्रिप्ट में type विकल्प को जैसे ही जोड़ें

 $(".fancybox").fancybox({ type: "image" }); 

जो भी आपको लगता है वह आपके केस के लिए बेहतर काम करता है

नोट : नंबर 1)। और 2)। केवल ऊपर fancybox v2.x के लिए काम संख्या 3)। या तो v1.3.4 और v2.x के लिए काम करता है

संपादित करें : आपके कोड और jQuery v1.8.3 के साथ JSFIDDLE शामिल है।

दो लिंक हैं:

  • एक "fancybox.image" वर्ग का उपयोग कर रहा है : कार्य करना
  • बिना अन्य: काम नहीं कर रहा है