javascript - Durandal:将模式弹出窗口移动到页面顶部

Question

我正在使用 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>

Chrome 中的结果类似于:

<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>

结果中有趣的是，durandal 的样式属性从dialog.js 发生了变化(使用compositionComplete 方法)。

style="position: relative; margin-top: -151.05555534362793px; margin-left: -395.55555534362793px;"

如果我们去compositionComplete，关于这个方法的注释是:“此函数在模态完全组成 DOM 后调用，允许您的实现进行任何最终修改，例如定位或动画。您可以通过在上下文中使用 getDialog 来获取原始对话框对象。模型。”

我的问题是如何根据此方法添加新位置(到页面顶部)？

感谢任何帮助。

Answer 1

最后我使用了compositionComplete

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

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

希望对其他人有帮助。