Jquery UI图表滚动到页面顶部

Jquery-UI diagloge scrolls to top of the page

本文关键字:顶部 滚动 UI Jquery      更新时间:2023-09-26

我正在使用jquery ui,我正在尝试使用它,所以当单击"单击我"链接时,它会打开模态。但是,由于链接指向"#",它也会滚动到页面顶部。我怎样才能阻止它这样做?我认为这与e.preventdefault 有关

    $( "#dialog" ).dialog({
  autoOpen: false,
  show: {
    effect: "blind",
    duration: 1000
  },
  hide: {
    effect: "explode",
    duration: 1000
  }
});
$( "#btn_sec2" ).click(function() {
  $( "#dialog" ).dialog( "open" );
});

打开它的按钮:

<a href="#" class="btn" id="btn_sec2">Click me!</a>

尝试使用e.preventDefault()

$( "#btn_sec2" ).click(function(e) {
    e.preventDefault();
    $( "#dialog" ).dialog( "open" );
});