倾斜位置弹出div

Question

从如何相对于点击定位400 x 400px弹出div中寻找建议，保持屏幕视图

我正在加载一个jQuery弹出div。 麻烦的是它在屏幕中间显示，我无法在屏幕顶部显示它。

<script>
        $(function () {
                        $("#saveDialogSingleFeature").dialog();
                    });
</script>

    <div style="display: none;">
                <div id="saveDialogSingleFeature" title="Save Complete">
                    <p>
                        You have successfully saved 1 feature.</p>
                </div>
            </div>

正如我所说的div打开得很好，我只需要更改其显示位置即可。 我努力了：

<script type="text/javascript">
        $('#saveDialogSingleFeature').css({ 'top': 10, 'left': 10 });
    </script>

并将类.saveFeaturePopUp添加到div ...

<style type="text/css">
         .saveFeaturePopUp
         {
            position: {my: "top", at: "bottom", of: $("header")};
         }
     </style>

但无济于事。 请指教

Answer 1

您只需要在CSS中设置Position：absolute。

<script type="text/javascript">
        $('#saveDialogSingleFeature').css({position: 'absolute', 'top': 10, 'left': 10 });
    </script>