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

使用CSS将div的显示设置为none，而不是Javascript。然后在希望显示时使用Javascript更改display属性。

Answer 2

如果您希望隐藏div而占用它所需的空间，请使用 -

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

如果您希望div不占用任何空间并隐藏，请使用 -

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

Answer 3

使用css设置要隐藏的元素，例如<div id="trailerquestion" style="display:none">

如果您的对话框库没有为您执行此操作，则可能需要将其设置为在显示对话框时再次显示。

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

3 个答案: