Показать скрытый div в Fancybox с помощью JQuery не работает - PullRequest
7 голосов
/ 28 февраля 2011

Я пытался заставить этот код работать.У меня есть скрытый div, который показывает флэш-видео с использованием метода object / embed.

Это код js, который я использую.

jQuery(document).ready(function(){  

    jQuery("a[id^='scrshot_']").fancybox(       
    {
    'autoDimensions'    : false,
    'width'                 : 640,
    'height'                : 360       
    });
    return false;});

Я использую этот метод, который я нашел на этом сайте http://www.jdmweb.com/resources/fancy_videos и довольно легко реализовать.Я использую динамически создаваемые теги ID.НО по какой-то причине откроется fancybox, но div внутри остается скрытым.Когда я смотрю на него с помощью firebug, он показывает объект flash, но у него все еще есть атрибут display: none.Как вы получаете его, чтобы показать содержимое внутри этого div, а не весь div?Если div показывает и использует ссылку, откройте fancybox вместе с плеером.Очевидно, что это не сработает, потому что я не хочу показывать видео, пока оно не запустится в fancybox.

Пример моего HTML-кода.

 <a class='scrshot' id='scrshot_1' href='#showvid_1'>Click Here</a>
<div class='showvid' id='showvid_1'>my embedded code here</div>

Ответы [ 3 ]

20 голосов
/ 11 марта 2011

Вместо того, чтобы скрывать div, сделайте его видимым, но оберните его внутри другого div, который скрыт.

(я не знаю, почему fancybox не переключает видимость, скорее раздражает.)

1 голос
/ 11 марта 2011

попробуйте добавить это к вашему jQuery(document).ready(function(){

jQuery('.scrshot').live('click',function(){
   jQuery('.showvid').hide();                 //hide any that might be open
   jQuery(jQuery(this).attr('href')).show(); //show the div we clicked for
});
0 голосов
/ 28 февраля 2011

Вы смотрели документацию / блог fancybox?http://fancybox.net/blog ( 4. Показать клипы на YouTube. это должно помочь);http://fancybox.net/howto; http://fancybox.net/api;

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...