jquery-ui – 当弹出一个jQuery UI对话框时,如何防止滚动到页面的顶部?

前端之家收集整理的这篇文章主要介绍了jquery-ui – 当弹出一个jQuery UI对话框时,如何防止滚动到页面的顶部?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我目前使用jTemplates在客户端创建一个相当大的表,每行有一个按钮,将打开一个jQuery UI对话框。但是,当我向下滚动页面并点击其中一个按钮时,jQuery对话框将打开,但滚动位置丢失,页面跳回到顶部(阻止和实际对话框显示在屏幕上)。有没有人看到或知道什么可能会导致这个问题?

谢谢。

解决方法

你是否使用锚标签来实现弹出对话框的“按钮”?如果是这样,您会希望打开对话框的点击处理程序返回false,以便不调用标记的默认操作。如果您使用按钮,您还需要确保它不提交(通过从处理程序返回false)并完全刷新页面

例如,

$('a.closeButton').click( function() {
     $('#dialog').dialog('open');
     return false;
});


<a class='closeButton'>Close</a>

猜你在找的jQuery相关文章