jQuery Fancybox — забавные ошибки и отсутствие всплывающего окна

Я получаю сообщение об ошибке "is null" при установке jQuery fancybox здесь

Вот jquery:

    <script type="text/javascript">
    $(document).ready(function() {
        $("a.video").fancybox({
            'zoomOpacity'           : true,
            'overlayShow'           : false,
            'zoomSpeedIn'           : 500,
            'zoomSpeedOut'          : 500
        });
    });
</script>

Вот часть html:

<a class="video" href="#testube"><img src="images/video.jpg" alt="Idea People Video" /></a>

<div style="display:none" id="testube">
        <object width="560" height="340">
            <param name="movie" value="http://www.youtube.com/v/9VUhmErOxwk&hl=en_US&fs=1&rel=0"></param>
            <param name="allowFullScreen" value="true"></param>
            <param name="allowscriptaccess" value="always"></param>
            <embed src="http://www.youtube.com/v/9VUhmErOxwk&hl=en_US&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed>
        </object>
</div>

Был бы признателен за помощь в выяснении того, почему я получаю сообщение об ошибке, а не всплывающее видео.

Спасибо.


jquery fancybox
person forrest    schedule 29.01.2010    source источник
comment
Вы нашли решение для этого? Я борюсь с чем-то похожим: stackoverflow.com/questions/2178628/   -  person Sonny    schedule 02.02.2010
comment
Привет Сонни. Я еще не нашел супер полезного решения. очевидно, Prototype и jQuery не очень хорошо сочетаются друг с другом. Я закончил тем, что удалил материал Prototype и просто придерживался jQuery.   -  person forrest    schedule 04.02.2010

Ответы (1)


arrow_upward
2
arrow_downward

У вас есть конфликт с $ на странице, так как прототип также включен на страницу, это будет работать, поскольку $ принимает прототип:

jQuery(function() {
    jQuery("a.video").fancybox({
        'zoomOpacity'           : true,
        'overlayShow'           : false,
        'zoomSpeedIn'           : 500,
        'zoomSpeedOut'          : 500
    });
});
person Nick Craver    schedule 29.01.2010
comment
Привет, Ник, я внес изменения, но они все еще не работают должным образом. Любые подсказки? Спасибо. - person forrest; 29.01.2010
comment
@fmz: я обновил приведенное выше (хотя предыдущее работало для меня, по крайней мере, в FF 3.6) ... попробуйте этот код, теперь он заменяет все ссылки $. - person Nick Craver; 29.01.2010
comment
Привет Ник. Увы не пойдет. Я собираюсь попробовать версию Prototype, чтобы посмотреть, смогу ли я избежать конфликта — исправить чужой код всегда сложнее. Спасибо за помощь. Я буду следить после того, как я получить его идет. - person forrest; 29.01.2010