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

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

来源

2014-11-21 user3932382

你想隐藏哪个div？ #trailerquestion或者class =“buttonNew greenB biground trailer-button-question” – Tushar 2014-11-21 14:20:28

#trailerquestion – user3932382 2014-11-21 14:23:40

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

来源

2014-11-21 14:19:25

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

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

来源

2014-11-21 14:20:56

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

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

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

来源

2014-11-21 14:28:24 Tushar

我想你应该说'visibility：hidden;'not'display：hidden;'。 ;） – 2014-11-21 14:35:42

你是对的:)我的坏 – Tushar 2014-11-21 15:49:57

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

回答

相关问题