【问题标题】:jQuery UI Dialog cause page jump on open & close on ASP.NETjQuery UI 对话框导致页面在 ASP.NET 上打开和关闭时跳转
【发布时间】:2010-05-17 04:44:59
【问题描述】:

我有一个 ASP.NET C# 页面,其中包含图像缩略图。
我创建了一个脚本,每次将鼠标悬停在缩略图上时都会打开一个jQuery UI Dialog,该缩略图会在对话框视图中显示更大尺寸的缩略图,当我悬停时 - 对话框关闭。
我的小烦人问题是,在每个mouseover(触发对话框打开) - 页面使自己“更长” - 滚动条出现在浏览器的一侧,看起来当对话框打开时页面变长,但不应该这样做。
当我将鼠标悬停在 (mouseout) 上时 - 对话框消失,页面恢复正常状态。
因此,当我将鼠标悬停在缩略图上时,我的页面会“跳转”。
我为此寻找解决方案,并为每个打开和关闭的对话框添加了return false; - 它仍然没有任何不同。
抱歉英语不完美,感谢所有帮助者!

【问题讨论】:

  • 我也遇到过同样的问题,但还没有开始研究和解决问题。我的猜测是,它可能会通过改变风格来解决,但同样,我没有花时间去贯彻这个想法。我渴望阅读您的问题的答案。

标签: asp.net jquery jquery-ui jquery-ui-dialog page-jump


【解决方案1】:

我终于找到了我的解决方案——所有感兴趣的人:

open: function(event, ui){  
   /*  
    * Scrollbar fix   
    */  
   $('body').css('overflow','hidden');  
} 

我将此添加到对话框的打开事件中,它解决了问题!

【讨论】:

  • 这对我也很有效。感谢您发布您的解决方案。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2013-04-25
  • 1970-01-01
  • 2010-09-26
  • 2012-12-04
  • 1970-01-01
  • 2018-10-29
  • 1970-01-01
相关资源
最近更新 更多