Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 打开jquery对话框时保持滚动位置_Javascript_Jquery_Css_Jquery Ui_Jquery Ui Dialog - Fatal编程技术网

Javascript 打开jquery对话框时保持滚动位置

Javascript 打开jquery对话框时保持滚动位置,javascript,jquery,css,jquery-ui,jquery-ui-dialog,Javascript,Jquery,Css,Jquery Ui,Jquery Ui Dialog,我正在使用jQueryUI对话框显示一个弹出框 我有一个有网格的页面。每行都有一个打开对话框的图标 如果有很多行,您需要向下滚动并单击底部的一行,那么当对话框打开时,它也会将页面再次滚动到顶部 有没有办法防止这种情况发生 我只想打开对话框,保持页面的滚动位置 $('#AmendLineDialogBox').dialog({ autoOpen: true, modal: true, closeOnEscape: true,

我正在使用jQueryUI对话框显示一个弹出框

我有一个有网格的页面。每行都有一个打开对话框的图标

如果有很多行,您需要向下滚动并单击底部的一行,那么当对话框打开时,它也会将页面再次滚动到顶部

有没有办法防止这种情况发生

我只想打开对话框,保持页面的滚动位置

$('#AmendLineDialogBox').dialog({
            autoOpen: true,
            modal: true,
            closeOnEscape: true,
            buttons:
                {
                    'Ok': function () {
// ...snip
                            $(this).dialog("close");                  
                    },
                    'Cancel': function () {
                        $(this).dialog("close");
                    }
                },
            position: 'center',
            title: 'Amendment'
        });

您可以这样进行链接:

$('#AmendLineDialogBox').click(function(e){
   e.preventDefault(); //<--------------^-------prevent the default behaviour
}).dialog({
        autoOpen: true,
        modal: true,
        closeOnEscape: true,
        buttons:
            {
                'Ok': function () {
 // ...snip
                        $(this).dialog("close");                  
                },
                'Cancel': function () {
                    $(this).dialog("close");
                }
            },
        position: 'center',
        title: 'Amendment'
    });
$(“#修正线性对话框”)。单击(函数(e){

e、 preventDefault();//您可以这样做链接:

$('#AmendLineDialogBox').click(function(e){
   e.preventDefault(); //<--------------^-------prevent the default behaviour
}).dialog({
        autoOpen: true,
        modal: true,
        closeOnEscape: true,
        buttons:
            {
                'Ok': function () {
 // ...snip
                        $(this).dialog("close");                  
                },
                'Cancel': function () {
                    $(this).dialog("close");
                }
            },
        position: 'center',
        title: 'Amendment'
    });
$(“#修正线性对话框”)。单击(函数(e){

e、 preventDefault();//调用此对话框后,尝试添加“return false;”。打开对话框的图标是否包装在
中?
#AmendLineDialogBox
其id是此图标还是?@Jai是的,它是包装在anchor@JaiAmendLineDialogBox是对话框中显示其内容的div。请尝试添加“return false;”调用此对话框后。打开对话框的图标是否包装在
#AmendLineDialogBox
中,其id是此图标还是?@Jai是,它是包装在anchor@JaiAmendLineDialogBox是对话框中显示其内容的div。