दिलचस्प पोस्ट
एंड्रॉइड फेसबुक स्टाइल स्लाइड मुझे OSV पर JAVA_HOME को क्या सेट करना चाहिए? सीएसवी प्रारूप में MySQL क्वेरी परिणामों को कैसे आउटपुट करें? कैसे linq में linq में शामिल करने के लिए विधि वाक्यविन्यास के साथ एसक्यूएल? अंतिम डाक कोड और ज़िप रीगेक्स क्या है? जावास्क्रिप्ट: 'इस' के बजाय खुद की कुंजी के फ़ंक्शन में आशय का वास्तविक संदर्भ एंड्रॉइड में स्टेटस बार कैसे छिपाएंगे >>> और >> के बीच अंतर ब्राउज़र में वापस बटन क्लिक करें किसी अन्य प्रकार को निशाना बनाने के लिए एक विदग्ध के अभिव्यक्ति के पेड़ को बदलना फ़ंक्शन टेम्पलेट्स के लिए डिफ़ॉल्ट टेम्पलेट तर्क लिनक्स पर क्यों मुझे <conio.h> नहीं मिल रहा है? onActivityResult टुकड़ा में बुलाया जा रहा है नहीं है http से https अपाचे पुनर्निर्देशन बाहरी एसडी कार्ड स्थान खोजें

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

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

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

यहां 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> 

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

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

यह 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" वर्ग का उपयोग कर रहा है : कार्य करना
  • बिना अन्य: काम नहीं कर रहा है