<script type="text/javascript">
function pageLoad() {
var $scrollingDiv = $("#scrollfix");
$(window).scroll(function () {
if ($(window).scrollTop() == $(document).height() - $(window).height()) {
__doPostBack('<%= GetMoreResults.UniqueID %>', '');
}
$scrollingDiv
.stop()
.animate({ "marginTop": ($(window).scrollTop()) + -60 + "px" }, "slow");
});
}
</script>
这段代码根本不会执行,我之所以使用pageLoad函数,是因为jquery代码在updatepanel部分回发后无法执行。但在使用此代码后,即使在第一个页面启动时,上面的代码也不起作用。
然而,曾经在页面加载上工作的代码如下,但jquery部分在回发后停止工作:
$(document).ready(function () {
$().ready(function () {
var $scrollingDiv = $("#scrollfix");
$(window).scroll(function () {
if ($(window).scrollTop() == $(document).height() - $(window).height()) {
__doPostBack('<%= GetMoreResults.UniqueID %>', '');
}
$scrollingDiv
.stop()
.animate({ "marginTop": ($(window).scrollTop()) + -60 + "px" }, "slow");
});
});
});
解决方案?非常感谢。
更新#2
这是我当前的代码:它在页面第一次加载时工作,但不是在__doPostBack的部分回发触发器之后工作。
<script type="text/javascript">
window.load = pageLoad();
function pageLoad() {
var $scrollingDiv = $("#scrollfix");
$(window).scroll(function () {
if ($(window).scrollTop() == $(document).height() - $(window).height()) {
__doPostBack('<%= GetMoreResults.UniqueID %>', '');
}
$scrollingDiv
.stop()
.animate({ "marginTop": eval($(window).scrollTop()) + -60 + "px" }, "slow");
});
}
</script>
更新#3
值得一提的是,这个页面不是从页面继承的,我已经创建了一个自定义页面类,名为BasePage : Page。
也许pageLoad()不触发是因为某些与此相关的原因?
发布于 2011-11-04 01:15:37
尝试对pageLoad
使用.bind()
pageLoad:
它也是在每次部分回发之后调用的。它基本上是Application.Init和PageRequestManager.EndRequest的组合。
function pageLoad() {
var $scrollingDiv = $("#scrollfix");
$(window).bind('scroll', function() {
if ($(window).scrollTop() == $(document).height() - $(window).height()) {
__doPostBack('<%= GetMoreResults.UniqueID %>', '');
}
$scrollingDiv
.stop()
.animate({ "marginTop": ($(window).scrollTop()) + -60 + "px" }, "slow");
});
}
$(document).ready() and pageLoad() are not the same!
发布于 2011-11-04 01:08:40
除非将该代码赋给window.onload
事件,否则该代码不会执行:
window.onload = pageLoad;
我还会考虑用eval
函数包装顶部边距的计算:
eval($(window).scrollTop() - 60) + "px"
最后,我不认为需要第二个就绪状态函数:
$().ready(function () {
发布于 2011-11-04 01:16:01
JavaScript对部分页面回发一无所知;那是一个围绕着返回ASP.NET内容的AJAX表单post的HTML包装器。如果希望在部分页面回发后调用pageLoad
,则必须在回发处理程序中注册一个调用pageLoad
的客户端脚本。正如@James Johnson指出的那样,您还需要确保在第一个页面加载时调用该函数。
https://stackoverflow.com/questions/7998992
复制相似问题