Javascript jQueryUIDiagloge滚动到页面顶部

我正在使用jQueryUI，我正在尝试使用它，因此当单击“ClickMe”链接时，它会打开模式。但是，由于链接指向“#”，因此它也会滚动到页面顶部。我怎样才能防止它这样做？我认为这与

e有关

    $( "#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>


尝试使用：

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