我想在搜索记录时停止自动滚动?

时间:2015-05-19 13:20:15

标签: javascript ajax html5

我的索引页面上有自动滚动条,当我搜索他们给出结果的记录时,我在该页面上也有搜索功能。当我向下滚动页面时,会自动添加新记录。我想在搜索记录时禁用自动加载程序。有人有想法吗?

<script type="text/javascript" language="javascript">
$().ready(function () {
    $("#hdnStudentCount").val(5);
});

function AddStudentRecord() {
           $.ajax({
        type: 'Get',
        url: '/Home/getdeal',
        data: {
            lastdeal: parseInt($("#hdnStudentCount").val()) + 1,
        },

        async: false,
        dataType: "html",
        success: function (data) {
              data = JSON.parse(data);
            for (var i = 0; i < data.length; i++) {

                if (data[i] != '') {
                    $("#studentTemplate").tmpl(data[i]).appendTo("#divMain");
                    var DealID = (data[i]["DealID"]);
                    $("#hdnStudentCount").val(parseInt(DealID));
                    $('div#last_msg_loader').html('<img src="/Images/ajax-loade.gif">');
                }

            }

        },
        error: function (xhr, ajaxOptions, thrownError) {
            alert(xhr.status);
            alert(thrownError);
        }
    });
}

$(window).scroll(function () {

    if ($(window).scrollTop() == $(document).height() - $(window).height()) {
        AddStudentRecord();
    }
});
$('#developer').click(function (e) {
    // do something fancy
    return false; // prevent default click action from happening!
    e.preventDefault(); // same thing as above
});
</script>

1 个答案:

答案 0 :(得分:0)

如果您有一个搜索表单,那么页面的网址可能会有一些更改,即可能会将网页的网址更改为

  

..... /搜索attr_name =值安培; .....

您可以查看是否有搜索&#39;在&#39; window.location.href&#39;喜欢

$(window).scroll(function () {

  if ($(window).scrollTop() == $(document).height() - $(window).height() && (window.location.href.indexOf('/search') === -1)) {
      AddStudentRecord();
  }
});

<强>否则 发送搜索请求后,您可以在窗口对象上设置一些变量,如

  

window.isSearching = true

你可以在条件如

中检查该变量
$(window).scroll(function () {

  if ($(window).scrollTop() == $(document).height() - $(window).height() && (typeof(window.isSearching) === 'undefined')) {
      AddStudentRecord();
  }
});