Question

我怎样才能让这个工作.....我有一个页面，有一堆待售物品，你勾选一个复选框进行选择，但在IE中具体这样做时，它会跳到顶部虽然做了选择，但页面仍然是。

那里也有一些jquery

$(document).ready(function(){ 
  $('#submit').click(function(){

  checkValues = '';
  $('input[name="checked"]:checked').each(function(){
  checkValues+=$(this).val()+",\n\n";
  });
  //console.log(checkValues);
  //this is to remove the extra comma , at the end of the string
  checkValues = checkValues.substring(0,(checkValues.length-1));
  $("input[name='checkedValues']").val(checkValues);

  $('#form1').submit();

  });

});

那么如何解决这个问题？

Answer 1

当您对表单进行汇总时，它将重新加载表单，因此它将移至页面顶部。如果这是一个ASP.NET 尝试

<%@ Page MaintainScrollPositionOnPostback="true" %>

Maintain scroll position after postbacks in ASP.NET 2.0

Answer 2

你应该删除这个

$('#form1').submit();

并写

return false;

而不是这个。

您的代码应该是这样的：

$(document).ready(function(){ 
  $('#submit').click(function(){

  checkValues = '';
  $('input[name="checked"]:checked').each(function(){
  checkValues+=$(this).val()+",\n\n";
  });
  //console.log(checkValues);
  //this is to remove the extra comma , at the end of the string
  checkValues = checkValues.substring(0,(checkValues.length-1));
  $("input[name='checkedValues']").val(checkValues);

  return false;

  });

});

Answer 3

$(document).ready(function(){ 

  $('#submit').click(function(){
      checkValues = '';
      $('input[name="checked"]:checked').each(function(){
          checkValues+=$(this).val()+",\n\n";
      });

      //console.log(checkValues);
      //this is to remove the extra comma , at the end of the string
      checkValues = checkValues.substring(0,(checkValues.length-1));
      $("input[name='checkedValues']").val(checkValues);

      $('#form1').submit();
  });

});

让它更容易阅读...这一切似乎都很好，你的表单上的动作提交给我听起来像问题可能在那...

选中复选框后，IE跳转到顶部

3 个答案: