首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jquery、asp.net ajax、javascript根本不执行。

jquery、asp.net ajax、javascript根本不执行。
EN

Stack Overflow用户
提问于 2011-11-04 01:07:10
回答 3查看 1.1K关注 0票数 1
代码语言:javascript
运行
复制
<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部分在回发后停止工作:

代码语言:javascript
运行
复制
$(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的部分回发触发器之后工作。

代码语言:javascript
运行
复制
<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()不触发是因为某些与此相关的原因?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2011-11-04 01:15:37

尝试对pageLoad使用.bind()

pageLoad:

它也是在每次部分回发之后调用的。它基本上是Application.Init和PageRequestManager.EndRequest的组合。

代码语言:javascript
运行
复制
   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!

票数 2
EN

Stack Overflow用户

发布于 2011-11-04 01:08:40

除非将该代码赋给window.onload事件,否则该代码不会执行:

代码语言:javascript
运行
复制
window.onload = pageLoad; 

我还会考虑用eval函数包装顶部边距的计算:

代码语言:javascript
运行
复制
eval($(window).scrollTop() - 60) + "px"

最后,我不认为需要第二个就绪状态函数:

代码语言:javascript
运行
复制
$().ready(function () {
票数 1
EN

Stack Overflow用户

发布于 2011-11-04 01:16:01

JavaScript对部分页面回发一无所知;那是一个围绕着返回ASP.NET内容的AJAX表单post的HTML包装器。如果希望在部分页面回发后调用pageLoad,则必须在回发处理程序中注册一个调用pageLoad的客户端脚本。正如@James Johnson指出的那样,您还需要确保在第一个页面加载时调用该函数。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/7998992

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档