jQuery UI對話框頂部間距

Question

我需要一個對話框，以使窗口頂部和對話框頂部之間始終保持100px的間距。 但是，如果對話框比窗口高，它將始終與窗口top齊平（ top為0px）。

使用CSS設置對話框的top ， margin-top和padding-top並沒有幫助，因為在計算頂部值時會考慮這些值，並且仍將其與窗口頂部齊平（即添加margin-top: 100px表示最終以top: -100px定位。 一旦對話框比窗口高，則無法使用內置選項，例如'position': ['center', 100] 。

如果可能的話，我寧願避免在每次初始化后都必須手動調整位置。

有任何想法嗎？

Answer 1

我認為您需要覆蓋位置配置的“使用”部分，請參見： https : //github.com/jquery/jquery-ui/blob/9268634b800ae2148bf088cd229a3bafe2534c7c/ui/jquery.ui.dialog.js#L60 -l66

Answer 2

我通過如下的open事件選項來完成此操作：

$('#dialog').dialog({
    open : function() {
        if ($(this).closest('.ui-dialog').offset().top < 40) {
            $(this).closest('.ui-dialog').css({'top':'40px'});
        }
    }
});