2011-02-28 19 views
7

Bu kodu çalışmaya çalışıyorum. Nesne/yerleştirme yöntemini kullanarak bir flash video gösteren gizli bir div var. JQuery kullanarak Fancybox'ta gizli div göster JQuery çalışmıyor

Bu

kullanıyorum js kodudur.

jQuery(document).ready(function(){ 

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

Ben bu sitede http://www.jdmweb.com/resources/fancy_videos ve uygulanması oldukça kolay bulunabilir bu yöntemi kullanıyorum. Dinamik olarak oluşturulmuş kimlik etiketleri kullanıyorum. AMA nedense fancybox açılacak ama içindeki div gizli kalacak. Bakmak için ateş böceği kullandığımda, içindeki flaş nesnesini gösterir, ancak hala ekrana sahiptir: ekli öznitelik yok. İçeriği bu divun içinde göstermek için nasıl elde edersiniz, tüm div değil? Div gösteriliyorsa ve bağlantıyı kullanıyorsa, fancybox oynatıcıyla birlikte açılır. Açıkçası bu işe yaramaz çünkü ben videonun fantezide çıkana kadar gösterilmesini istemiyorum. Benim html kodu

örneği.

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

cevap

20

yerine div gizleme, görünür hale getirmek ancak gizli başka div içine sarın.

(fancybox görünürlük oldukça can sıkıcı geçiş vermez neden. Bilmiyorum)

+0

Doğru cevap, kabul edilmeli. Zarif ve basit – styler1972

1

deneyin sizin 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 
});