आईई

में Fancybox अटक लोडिंग iframe मुझे fancybox का उपयोग कर आईई में आईफ्रेम में पीडीएफ लोड करने में समस्याएं आ रही हैं। जब मैं लिंक पर क्लिक करता हूं, तो मुझे gif लोडर मिलता है और यह हमेशा के लिए स्पिन करता है। कंसोल में या पेज पर या उस तरह की कोई भी त्रुटि नहीं है। समस्या आईई के सभी संस्करणों में होती है। अन्य सभी ब्राउज़र ठीक काम करते हैं। इसके अलावा, पीडीएफ एक आंतरिक फाइल है।आईई

एचटीएमएल

<!DOCTYPE html> 
    <html lang="en"> 
    <head> 
     <meta charset="utf-8"> 

     <link rel="stylesheet" type="text/css" href=<?php echo base_url("templates/style1/css/jquery.fancybox.css") ?> /> 

     <script src=<?php echo base_url("js/jquery-1.7.2.min.js") ?> type="text/javascript"></script> 
     <script type="text/javascript" src="../js/jquery.fancybox.js"></script> 

    </head> 
    <body> 
     <a class="fancybox-media italic" href="../contract_docs/dummy.pdf" >Test Doc</a> 
    </body> 
</html>

जे एस

$(document).ready(function(){ 
     /* fancybox handler */ 
     $('.fancybox-media').fancybox({ 
      openEffect : 'none', 
      closeEffect : 'none', 
      autoSize: true, 
      type : 'iframe' 
     }); 
    });

संपादित करें: मैं भी jQuery के उन्नयन की कोशिश की है कोई लाभ नहीं हुआ,

यहाँ कोड के कुछ है।

संपादित करें: यहां एक jsFiddle है, वास्तव में सरल है और मेरे लिए आईई में काम नहीं करता है।

स्रोत

2013-02-11 Falantar014

यह पूर्व लोड हो रहा है अक्षम करने की तरह लगता है iframes के साथ समस्या ठीक होती है और IE तो यह प्रयास करें:

$(document).ready(function() { 
     /* fancybox handler */ 
     $('.fancybox-media').fancybox({ 
      openEffect: 'none', 
      closeEffect: 'none', 
      autoSize: true, 
      type: 'iframe', 
      iframe: { 
       preload: false // fixes issue with iframe and IE 
      } 
     }); 
    });

fancybox v2.1.4 और IE7 के साथ परीक्षण किया गया।

चेक JSFIDDLE

स्रोत

2013-02-12 08:46:10 JFK

एक आकर्षण की तरह काम करता है! बहुत धन्यवाद, समाधान कहीं भी नहीं मिला ... – Falantar014

बहुत बढ़िया, धन्यवाद। ditto, एक आकर्षण की तरह काम करता है। मैं JQuery 1.7.1 के साथ fancybox 2.1.4 का उपयोग कर रहा था और आईई 9 और आईई 10 के खिलाफ परीक्षण किया था। – arcseldon

"प्रीलोड: झूठा" एंड्रॉइड 4.1.2 स्टॉक ब्राउज़र (मोबाइल सफारी) के साथ भी एक समस्या को हल करता है। धन्यवाद! – Jurgen

-1

मैं सिर्फ अपने टुकड़ा कोड का परीक्षण और यह यानी 8 और क्रोम

मैं से संसाधन फ़ाइलों का उपयोग में मेरे लिए काम किया:

jQuery: http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.4.min.js

js: http://fancybox.net/js/fancybox-1.3.4/jquery.fancybox-1.3.4.js

सीएसएस: http://fancybox.net/js/fancybox-1.3.4/jquery.fancybox-1.3.4.css

कोड मैंने उपयोग किया:

<!DOCTYPE html> 
<html lang="en" >  
    <head> 
     <meta charset="utf-8"> 

     <link rel="stylesheet" type="text/css" href="http://fancybox.net/js/fancybox-1.3.4/jquery.fancybox-1.3.4.css" /> 

     <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.4.min.js" type="text/javascript"></script> 
     <script type="text/javascript" src="http://fancybox.net/js/fancybox-1.3.4/jquery.fancybox-1.3.4.js"></script> 
     <script> 
      $(document).ready(function(){ 
       /* fancybox handler */ 
       $('.fancybox-media').fancybox({ 
        openEffect : 'none', 
        closeEffect : 'none', 
        autoSize: true, 
        type : 'iframe' 
       }); 
      }); 
     </script> 

    </head> 
    <body> 
     <a class="fancybox-media italic" href="pdf.pdf" >Test Doc</a> 
    </body> 
</html> 


maybe clear browser cach fix it

स्रोत

2013-02-11 20:38:51

मैं कॉपी/अपने कोड चिपकाया (और पीडीएफ परिवर्तित) और सभी मैं कंसोल में कोई त्रुटि है: SCRIPT438: ऑब्जेक्ट संपत्ति या विधि 'fancybox' – Falantar014

ओ पी का समर्थन नहीं करता fancybox v2.x – JFK

का उपयोग कर रहा है यह कोड से नहीं है, यह fancybox जेएस के बारे में है, ऊपर दिए गए कोड –

उत्तर

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