как перенести диалоговое окно jquery ui в верхнее положение после его открытия

Question

Может ли кто-нибудь сказать мне, как я перемещаю свое диалоговое окно в верхнее положение после его открытия.

$("#addPage").on("dialogopen", function(event, ui) { 
    $("#addPage").dialog("option", "position", { my: "center", at: "top"}); 
    $("#addPage").on("dialogcreate", function(event, ui) {$(event.target).parent().css('position', 'fixed');}); 
}); 

, но это не работает должным образом.

Answer 1

CSS -

.addPageDialogPosition { 
    top: 5px ! important; 
} 

Javascript -

$(function(){ 
    $("#addPage").on("dialogopen", function(event, ui) { 
     $(event.target).parent().addClass('addPageDialogPosition'); 
     $(document).scrollTop(0); 
    }); 
    $("#addPage").on("dialogdragstart", function(event, ui) { 
     $(event.target).parent().removeClass('addPageDialogPosition'); 
    }); 
});