在IE9中看不到滚动页面上的jQuery对话框链接
在IE9中看不到滚动页面上的jQuery对话框链接
提问于 2011-12-01 13:24:21
我有一个很长的链接列表，可以打开不同的jQuery对话框。当我向下滚动到页面底部附近并单击一个链接时，它会成功打开我的jQuery对话框，但该对话框不可见，因为该页面已向上滚动到网页顶部--该对话框显示在折叠下方，用户必须向下滚动才能看到该对话框。
我想要的是对话框弹出并可见，无论页面有多远的链接。
下面是我的简单对话框jQuery代码：
$(function () {
$('#dlg').dialog({
autoOpen: false,
height: 460,
width: 680,
modal: true,
position: 'center'
});
$('.vidlink').click(function(e) {
$('#dlg').dialog('open');
});
});你可以在这个页面上看到它是如何发生的：http://www.ourlaughingplace.com/asp/park.aspx?step=3&locID=WDW&parkID=MGM&DLRparkID=MGM#
向下滚动到“电影剪辑”，然后使用IE9点击“幻想曲结局”，如果你向下滚动，你会看到对话框以它应该打开的方式打开--它只是出现在折叠的下面。
我已经尝试将对话框位置设置为“中心”和“顶部”，但仍然存在相同的问题。
回答 1
Stack Overflow用户
回答已采纳
发布于 2011-12-02 00:22:10
链接的href的值#对应于文档的顶部。使用您当前的代码，单击链接即可正常工作:页面将滚动回到顶部。
禁止打开该对话框的<a>标记的默认行为：
$('.vidlink').click(function(e) {
e.preventDefault();
$('#dlg').dialog('open');
});或者将这些标记的href值更改为：
<a href="javascript:void(0)"></a>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8336903
复制相关文章
相似问题
腾讯云开发者
