fancybox-1.3.4 не работает в iE8

У меня есть следующий образец кода, в котором я хочу открыть видео в fancybox, он отлично работает почти во всех браузерах, за исключением случаев, когда я пытаюсь проверить его в стандартном режиме IE 8.fancybox-1.3.4 не работает в iE8

Он отлично работает в IE 9 и выше.

на основе this solution я добавил следующие строки кода, но это не делает его работу либо iframe: { preload: false }

HTML код торможением как

<!DOCTYPE html > 
    <html lang="en"> 
    <head id="Head1" runat="server"> 
    <title></title> 
    .........

Пример кода

<div class="video-icon"> 
    <a href="http://www.youtube.com/embed/CR0AXNtwqZE?autoplay=1" class="fancybox-video"><img src="coorporate-video-icon.jpg"/></a> 
</div> 


      $("a.fancybox-video").fancybox({ 
       width: 600, 
       height: 440, 
       closeClick: true, 
       hideOnOverlayClick: true, 
       type: 'iframe', 
       iframe: { preload: false // fixes issue with iframe and IE 
       } 
      });

Я не уверен, что это сломает, я не могу создать пример скрипки, поскольку скрипка не работает i n IE 8 всякая помощь в этом отношении приветствуется.

UPDATE: я пробовал с FancyBox версии 2.1.3, но я по-прежнему сталкиваются с той же проблемой ..

источник

2014-01-07 Learning

Почему вы не используете Fancybox 2? Fancybox 1 прекращается в течение нескольких дней. – Raptor

Решение в [этот пост] (http://stackoverflow.com/questions/14819642/fancybox-stuck-loading-iframe-in-ie) предназначено для fancybox v2.x. Варианты Fancybox 2.x несовместимы с v1.x – JFK

@ShivanRaptor: причина, по которой люди могут не захотеть использовать v2.x, - это потому, что ее ограничения на лицензии, поэтому они предпочитают придерживаться v1.3.4 (который не прерывается) – JFK

it doesn't work на самом деле не сказать, что эта проблема.

Если это не работает даже с v2.1.3, у вас могут возникнуть другие проблемы. Это ваш контрольный список для поиска и устранения неисправностей IE:

Убедитесь, что надлежащее DOCTYPE и DOCTYPE первая строка вашего документа HTML, так IE не будет переключаться в режим обратной совместимости.
Убедитесь, что вы обмениваете свой собственный скрипт внутри метода .ready().
Убедитесь, что вы используете правильные варианты FancyBox
Убедитесь, что у вас нет какой-либо дополнительных испытания той запятой после последнего варианта
Проверки для других конфликтов сценариев (синтаксических ошибок других сценариев могут остановить FancyBox от работы)
Убедитесь, что у вас нет другой ошибки js. Проверьте IE не отображается этот значок (нижний левый угол браузера):

В противном случае этот HTML

<a href="http://www.youtube.com/embed/CR0AXNtwqZE?autoplay=1" class="fancybox-video"><img src="coorporate-video-icon.jpg"/></a>

и этот JQuery код, как отлично работает в IE [7-9] с помощью FancyBox v1.3.4:

jQuery(document).ready(function ($) { 
    $("a.fancybox-video").fancybox({ 
     width: 600, 
     height: 440, 
     hideOnContentClick: true, // closeClick: true, // this for v2.x 
     hideOnOverlayClick: true, 
     type: 'iframe' 
    }); 
}); // ready

См DEMO на http://www.picssel.com/playground/jquery/youtubeEmbedIframe_07jan14.html

источник

2014-01-07 20:06:22 JFK

Я решил проблему, используя JQuery 1.9.x вместе с Fancybox V2, поскольку он поставляется с темой, которую я купил. Я попытался исправить проблему с fancyboxv1.8.3, но он продолжал генерировать проблему по той или иной причине. Ошибка также была связана с использованием 'browser.msie' в обнаружении FB, в результате которой была получена следующая ошибка: jquery-1.8.3.min.js, строка 2, символ 59313'. Итак, урок узнает, как использовать правильный файл js при использовании плагина. . также другая ошибка 'TypeError: $ .browser undefined' ... – Learning

Я, наконец, был изменен на fancybox v2 после нескольких изменений, которые мне удалось заставить работать. в IE 8 я не пробовал это с IE 7, так как я не планирую поддерживать IE 7, иначе мне, возможно, придется отказаться от полезных функций, которые могут не сработать в IE 7. Пока поддержка IF 8 более чем достаточно, и мы все еще есть небольшое количество пользователей для IE 8. Что касается использования fancybox v1, я заметил, что у fancybox.js была некоторая проблема с поддержкой jQuery 1.8.3 относительно использования n-го элемента, возможно, это создавало какой-то конфликт, поэтому теперь я использую jquery 1.9 .x и fancyboxV2, поскольку он входит в тему покупки. – Learning

Для записи моя демо использует jQuery 1.8.3 + fancybox v1.3.4 и отлично работает в IE. Вы можете знать, что fancybox v1.3.4 не работает с jQuery v1.9 +, вы можете увидеть работу здесь http://stackoverflow.com/q/14344289/1055987, хотя – JFK

fancybox-1.3.4 не работает в iE8

ответ

Смежные вопросы