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

0

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

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

Основываясь на этом решении, я добавил следующую строку кода, но это не делает ее работу 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
                }
            });

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

UPDATE: я попробовал это с fancybox Version 2.1.3, но я все еще сталкиваюсь с той же проблемой.

  • 0
    Почему вы не используете Fancybox 2? Fancybox 1 больше не выпускается.
  • 1
    Решение в этом посте для fancybox v2.x. Опции Fancybox 2.x несовместимы с v1.x
Показать ещё 5 комментариев
Теги:
internet-explorer
fancybox

1 ответ

1

it doesn't work, на самом деле не говорит, в чем проблема.

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

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

    Изображение 174551

В противном случае этот 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.

  • 0
    Я решил проблему, используя Jquery 1.9.x вместе с Fancybox V2, так как он идет с темой, которую я приобрел. Я пытался исправить проблему с fancyboxv1.8.3, но она продолжала генерировать проблему по той или иной причине. Ошибка также возникла из-за использования browser.msie в обнаружении FB, которое породило следующую ошибку 'jquery-1.8.3.min.js, строка 2, символ 59313` .. Поэтому при изучении урока используйте правильный файл js при использовании плагина ... также другая ошибка TypeError: $.browser is undefined ...
  • 0
    Я наконец перешел на 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 как часть покупки темы ..
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню