jquery，asp.net ajax，javascript根本不执行

Question

<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

我应该提到，该页面不是从Page继承的，我已经创建了一个自定义页面类，称为BasePage：Page。

也许pageLoad（）因为某些原因而无法触发？

Answer 1

尝试将.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（）和pageLoad（）不一样！

Answer 2

除非您将其分配给window.onload事件，否则该代码将不会执行：

window.onload = pageLoad; 

我还会考虑使用eval函数包装上边距的计算：

eval($(window).scrollTop() - 60) + "px"

最后，我认为没有必要使用第二个就绪状态函数：

$().ready(function () {

Answer 3

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