打开后如何将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');
    });
});