打开jQuery UI对话框页面时向上滚动

时间:2011-02-01 14:52:38

标签: jquery jquery-ui jquery-ui-dialog

你可以在这里看到它:http://mrgsp.md:8080/awesome/lookupdemo (让你的浏览器窗口更小,向下滚动并点击文本框附近的按钮)

有没有办法让它不能向上滚动?

2 个答案:

答案 0 :(得分:9)

因为您正在使用锚标记,所以需要抑制元素的默认行为。致电preventDefault()

$("a").click(function (event) {
    event.preventDefault();
    //do stuff
}

查看您当前的javascript,这样的内容对您有用:

   $("#lpo" + o).click(function (event) {
        event.preventDefault();
        if (lckPerson != null) return;
        lckPerson = true;
        $.get('/awesome/PersonLookup', {
            prop: o,
            paging: 'true'
        }, function (d) {
            $("#lp" + o).html(d).dialog('open');
            lckPerson = null;
        });
    });

答案 1 :(得分:5)

问题是链接被称为页面顶部的“#”。 如果将其更改为href="javascript:void(0)",则不会链接到任何内容,也不会向上滚动。