0

我正在尝试使用 scrolltop 方法并且 event.preventDefault 无法正常工作。我遇到的是页面先向上滚动然后向下滚动。似乎 onclick 会导致页面重新提交或什么...（ajax post??）

我有以下代码

按钮（触发器）

 <a id="nextset" class='nextbtn' >Next Step</a>

事件

jQuery('#nextset').click(function (event) {
                event.preventDefault();
                movenext('set');
                jQuery('html,body').animate({ scrollTop: $('#subtitles').offset().top }, 2000);
            });

职能

    function getfav(obj) {
            var myParams = "{ 'proattr':'" + obj + "'}";
            jQuery.ajax({
                type: "POST",
                url: "project.aspx/getproject",
                data: myParams,
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                beforeSend: function () { jQuery('#wait').show(); },
                complete: function () { jQuery('#wait').hide(); },
                success: function (msg) {
                    GetProjectPic(msg.d, obj); //creates DOM and insert in div
                    Initbtns();// dynamic btns initialization
                }
            });
        }

  function movenext(obj) {
            //other codes to hide/show DOM
            getfav(nextobj); 
        }

如果我添加返回错误；在 onclick 事件中，按钮不起作用。

知道是什么导致滚动到顶部吗？

更新：

它是由 movenext 函数内部的代码块引起的。

jQuery('[id^="favdiv"]').empty();

与 event.preventDefault 无关。

奇怪的是，屏幕滚动比隐藏的 div 高度（“favdiv”）要多得多，这会导致屏幕上下效果。我不知道如何防止它...

更新2

我搜索了 jquery 空方法并找到了这个。

jquery "empty" 改变滚动条

4

3 回答 3

1

您可以使用以下代码段避免默认行为：

<a id="nextset" class="nextbtn" href="javascript:void(0);">Next Step</a>
于 2012-04-23T23:39:03.290 回答
0

您是否有任何机会尝试在点击事件结束时添加“return false”？

jQuery('#nextset').click(function (event) {
            movenext('set');
            jQuery('html,body').animate({ scrollTop: $('#subtitles').offset().top }, 2000);
            event.preventDefault();
            return false;
        });
于 2012-04-24T00:31:39.697 回答
0

我最终写了这样的东西。它仍然上升了一点，但至少页面没有跳转

 jQuery('#favdiv' + obj).fadeOut('fast', function () { 
     jQuery('#favdiv' + obj).remove(); 
 });
 setTimeout(function () {
     jQuery('html,body').animate({ scrollTop: $('#subtitles').offset().top }, 1500);
 }, 500);
于 2012-04-24T17:54:45.967 回答