Question

我有一个我无法解决的问题，也许有人可以提供帮助？

我的页面顶部有一个dijit.layout.ContentPane，它位于dijit.layout.BorderContainer中。在页面上加载容器的内容向右和向下移动约15px。所有其他元素都可以正常工作。

我已将问题隔离到dijit.layout.ContentPane。在容器的一侧，我正在运行一些php if语句并绘制一些简单的按钮：

<!-- Here are the common buttons above the tabs -->

<div id="toolPane" dojoType="dijit.layout.ContentPane" region="top" >

    <?php 
    if($this->restrict == 1){
        if($this->teammembers == 1 || $this->newleaders == 1 || $this->newadminleaders == 1){ 
            if ($this->mayUpdateSummary){
    ?><span style="white-space:nowrap;" ><?php echo $this->issueActionLink($issue, 'Create report', 'report', 'reportLink'); ?></span>
    <span style="white-space:nowrap;" ><a class="emailLink" href="mailto:?subject=Task%20%23<?php echo $issue->id; ?>&body=<?php echo urlencode($this->serverUrl(true)); ?>">Share link</a></span><?php
    }
    }
    }else if($this->restrict == 2){
        if ($this->mayUpdateSummary){
    ?><span style="white-space:nowrap;" ><?php echo $this->issueActionLink($issue, 'Create report', 'report', 'reportLink'); ?></span>
    <span style="white-space:nowrap;" ><a class="emailLink" href="mailto:?subject=Task%20%23<?php echo $issue->id; ?>&body=<?php echo urlencode($this->serverUrl(true)); ?>">Share link</a></span><?php
    }
    }
    ?>

<?php if ($this->mayUpdateSummary): ?>
<span style="white-space:nowrap;" ><?php echo $this->issueActionLink($issue,'Edit summary', 'progress-summary', 'editbutton'); ?></span> 
<?php endif; ?>
<?php if ($closeButton): ?>
<span style="white-space:nowrap;" ><?php echo $closeButton; ?></span>
<?php endif; ?>
<?php if ($reopenButton): ?>
<span style="white-space:nowrap;" ><?php echo $reopenButton; ?></span>
<?php endif; ?>

</div>

Answer 1

好的，我们决定隐藏页面，直到dijit元素加载完毕。要做到这一点，我们添加了这个在页面中淡入的脚本，让它有时间在显示之前对其进行排序：

<script type="text/javascript">
    $(document).ready(function(){
        $(".content").hide();
     });

    $(window).load(function(){
        $(".content").fadeIn("fast");
     });
</script>

<div class="content">
[faded in content goes here]
</div>

dijit.layout.ContentPane在页面加载时向右移动

1 个答案: