Jquery-UI diagloge滚动到页面顶部

Question

我正在使用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>

Answer 1

尝试使用 e.preventDefault() ：

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