Fancybox stecken loading iframe in IE

Ich Probleme mit dem laden einer PDF-Datei in einem iframe im IE mit fancybox. Wenn ich auf den link, bekomme ich die gif-loader und es spinnt immer. Keine Fehler in der console oder auf der Seite oder ähnliches. Problem tritt in allen Versionen des IE. Alle anderen Browser funktionieren. Auch die PDF-Datei ist eine interne Datei.

Hier sind einige code:

HTML

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

        <link  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>

JS

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

EDIT: ich habe auch versucht die Aktualisierung jQuery, ohne Erfolg.

EDIT: Hier ist ein jsFiddle, wirklich einfach und funktioniert nicht im IE bei mir.

InformationsquelleAutor Falantar014 | 2013-02-11
  1. 20

    Scheint es, wie die Deaktivierung von pre-laden behebt das Problem mit iframe und IE so versuchen Sie dies :

      $(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
          }
      });
  });

    Getestet mit fancybox v2.1.4 und IE7.

    Überprüfen JSFIDDLE

    • Funktioniert wie ein Charme! Vielen Dank, konnte Sie nicht finden, die Lösung überall...
    • Genial, vielen Dank. dito, funktioniert wie ein Charme. Ich war mit fancybox 2.1.4, mit JQuery 1.7.1 und getestet in IE9 und IE10.
    • "preload": false," behebt ein Problem mit Android 4.1.2 stock-browser (Mobile Safari) als gut. Danke!
    • Super!!!!!!!!Mein Problem gelöst, in Minuten
    InformationsquelleAutor JFK
  2. -1

    ich nur testen Sie Ihre snippet-code und es funktionierte für mich im ie 8 und chrome

    verwende ich die Ressource-Dateien aus:

    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

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

    code, den ich verwendet:

    <!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
    • Ich copy/Paste deinen code (und verändert die pdf-Datei) und alles was ich bekomme ist eine Fehlermeldung in der Konsole: SCRIPT438: Objekt unterstützt keine Eigenschaft oder Methode 'fancybox'
    • der OP ist mit fancybox v2.x
    • es ist nicht aus dem code,es geht um fancybox js code oben gearbeitet
    InformationsquelleAutor Mohsen.Sharify
Schreibe einen Kommentar