2012-09-28 27 views
1

下面的代碼工作正常。 fancybox出現在文檔準備就緒。jquery:給出現的fancybox一個ID

jQuery(document).ready(function() { 
    $.fancybox(
     '<h2>Hi!</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis mi eu elit tempor facilisis id et neque</p>', 
     { 
       'autoDimensions' : false, 
      'width'     : 350, 
      'height'    : 'auto', 
      'transitionIn'  : 'none', 
      'transitionOut'  : 'none' 
     } 
    ); 
}); 

它看起來應該會出現。 稍後在某些事件中,我需要使用$.fancybox.close();來關閉此fancybox,而不是任何。 如何觸發這個fancybox?我認爲我需要爲其添加廣告ID。怎麼做?

+1

爲什麼downvote我的問題,而不是答案,如果你知道答案嗎? – Haradzieniec

+0

在這裏黑暗中拍攝''(「#yourID」)。fancybox.close();' –

+1

給h2一個Id然後使用$(「#h2Id」)。parent()? –

回答

1

使第一股利的HTML,而且比它定義爲的fancybox在Javascript

<div style="display:none"> 
    <div id="myFancyBox"> 
     <h2>Hi!</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis mi eu elit tempor facilisis id et neque</p> 
    </div> 
</div> 

的JavaScript:

<script type="text/javascript"> 
    $("#fancyBoxLink").fancybox({ 
     'href' : '#myFancyBox', 
     'autoDimensions' : false, 
     'width'     : 350, 
     'height'    : 'auto', 
     'transitionIn'  : 'none', 
     'transitionOut'  : 'none' 

    }); 
</script>