Javascript 弹出jQuery模式后自动向上滚动

在用户单击列表中的图标后，jQuery模式弹出。列表可能很大，所以用户必须向下滚动才能看到完整的列表。 当我点击图标时，modal会在屏幕中间弹出，然后我的浏览器会滚动到页面顶部

如何防止浏览器向上滚动

HTML

我有foodiv块来显示数据

当您使用

时，它会跳转到

#

锚点。为了防止在jQuery中出现这种情况，应该将

设置为returnfalse

在

onclick

事件的末尾，在您的例子中是

函数popModal（）

因此，该代码应该可以工作：

function popModal(){
  $( "#foo" ).dialog({
    open: function ( event, ui) { /* some code */ }, 
    resizable: false,
    height:230,
    width: 230,
    modal: true,
    buttons: {
      "Change": function() { /* some code */},
      "Close": function() {
        $( this ).dialog( "close" );
      }
    }
  });
return false;
}

对于防止默认操作（如跳转到锚定）的普通JS实现，只需在google上搜索event.preventDefault。

正如您所看到的那样，它会跳转到

锚定。为了防止在jQuery中出现这种情况，应该将

设置为returnfalse

在

onclick

事件的末尾，在您的例子中是

函数popModal（）

因此，该代码应该可以工作：

function popModal(){
  $( "#foo" ).dialog({
    open: function ( event, ui) { /* some code */ }, 
    resizable: false,
    height:230,
    width: 230,
    modal: true,
    buttons: {
      "Change": function() { /* some code */},
      "Close": function() {
        $( this ).dialog( "close" );
      }
    }
  });
return false;
}

---

对于防止默认操作（如跳转到锚定）的普通JS实现，只需在google上搜索event.preventDefault。

找到了两种解决方法

第一：

添加了

event.preventDefault（）到popmodel（）；功能

第二：

在调用函数的HTML部分添加了
onclick=“popModal（）；return false；”
。
荣誉归于莫洛迪尔

希望这对其他人有所帮助。
找到了两种解决方法

第一：

添加了
event.preventDefault（）到popmodel（）；功能

第二：

在调用函数的HTML部分添加了
onclick=“popModal（）；return false；”
。
荣誉归于莫洛迪尔

希望这对其他人有帮助。
event.preventDefault（）；他完成了工作。thx.event.preventDefault（）；他完成了工作。thx.试过了，没用。但我通过添加event.preventDefault（）修复了它；最后。可能
onclick=“return-popModal（）”
或
onclick=“popModal（）；return-false；“
那时应该可以工作。尝试了，没有工作。但我通过添加event.preventDefault（）修复了它；最后。也许
onclick=“return-popModal（）”
或
onclick=“popModal（）；return-false；”
应该可以工作。
function popModal(){
  $( "#foo" ).dialog({
    open: function ( event, ui) { /* some code */ }, 
    resizable: false,
    height:230,
    width: 230,
    modal: true,
    buttons: {
      "Change": function() { /* some code */},
      "Close": function() {
        $( this ).dialog( "close" );
      }
    }
  });
return false;
}