Javascript Durandal：将模式弹出窗口移动到页面顶部

我正在使用durandal和twitter bootstrap，在那里我有一个页面，里面有一个模式弹出窗口。 模式弹出窗口的代码类似于：

<div id="reportModal" class="messageBox messageBox-fixedSize">
    <div class="modal-header">        
    </div>    
    <div class="modal-body" >          
    </div>
    <div class="modal-footer ">
    </div>
</div>

<div id="reportModal" class="messageBox messageBox-fixedSize ui-draggable" data-view="views/Reports/reportWindow" style="position: relative; margin-top: -151.05555534362793px; margin-left: -395.55555534362793px;" data-active-view="true">
<div class="modal-header">
</div>    
<div class="modal-body">
</div>
<div class="modal-footer ">

</div>

如果我们转到compositionComplete，有关此方法的注释如下： 此函数在模态完全组合到DOM中后调用，允许您的实现进行任何最终修改，如定位或动画。您可以使用context.model上的

getDialog

获得原始对话框对象

我的问题是如何基于此方法添加新位置（页面顶部）

---

非常感谢您的帮助。

最后我使用了compositionComplete

public compositionIsCompleted(){
    var styles = {
        'position': 'absolute',
        'margin-top': '-360px',            
        'margin-left':'-250px'
    };

    $("#reportModal").css(styles);
}

---

我希望能对其他人有所帮助。

右键单击该元素，找到样式并查看它是如何计算的。破解起来很简单…我在问题上附加了一张图片。点击computed选项卡，它会告诉你什么是优先顺序并分配样式。我上传了一张新图片，奇怪的是，我不知道谁负责添加这些属性。检查第二个链接Durandal负责添加这些属性。是你要求的。查看

durandal.css

了解

modalHost

和

messageBox

css类。您如何使用

app.showMessage（）

函数或

dialog.show（）

显示此弹出窗口？那么您真的应该知道durandal中的

dialog.js

模块正在这样做。

public compositionIsCompleted(){
    var styles = {
        'position': 'absolute',
        'margin-top': '-360px',            
        'margin-left':'-250px'
    };

    $("#reportModal").css(styles);
}