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

Question

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

有没有办法让它不向上滚动？

Answer 1

因为您正在使用锚标记,所以您需要抑制元素的默认行为.通过调用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;
        });
    });

Answer 2

问题是链接被引用到页面顶部的"#".如果你改变它,href="javascript:void(0)"这将不会链接到任何东西,也不会向上滚动.