隐藏页面上的div，但div在隐藏之前显示

Question

如何在页面加载时不显示<div>？该div被设置为隐藏在JS中，并隐藏了<div>隐藏，但在<div>之后已经显示在页面上一秒钟。

我在我的网站上使用这个弹出窗口。 http://mootools.net/forge/p/popupwindow

这里是我的代码： -

<script type="text/javascript"> 
    App = {}; 
    window.addEvent('domready', function() { 
     App.popUp1 = new PopUpWindow('', { contentDiv: 'trailerquestion', width: 559 }); 
       App.popUp2 = new PopUpWindow('', { contentDiv: 'popup-redflag', width: 559 }); 

    }); 

</script> 
<?php 
function JSLink($text, $onclick) { 
    return "<a href=\"JavaScript:void(0);\" onclick=\"$onclick\">$text</a>"; 
} 
$asklink=JSLink('<div class="buttonNew greenB bigrounded trailer-button-question"><span>Ask me a question</span></div>', 'App.popUp1.open(); App.popUp1.positionTo(this, 1180, 100);'); 

?> 

<?php 
           echo $asklink; 
          ?> 
          <div id="trailerquestion"> 
           <?php  
            $this->load->view('popup/popupaskmequestion',$results); 
           ?> 
          </div> 

Answer 1

设置div的显示器没有使用CSS，JavaScript不。当你想要显示时，用Javascript改变显示属性。

Answer 2

设置与CSS e.g <div id="trailerquestion" style="display:none">

您可能需要设置，当你显示对话框中，它再次显示，如果你的对话框库没有做到这一点你要隐藏的元素。

Answer 3

如果你想在div只是被隐藏，但会占用它需要的空间，使用 - 如果你想div来不占用任何空间都与被隐藏，使用

<div id="trailerquestion" style="visibility:hidden"> 

-

<div id="trailerquestion" style="display:none">