Twitter Bootstrap 3: 在模式 window 中单击 link，关闭它并平滑滚动到散列

Question

我正在使用 jQuery 单页导航插件 Git link 和 Twitter Bootstrap 3.3。一切正常，除了一件事：模态 window 中的附加 link 不适用于平滑滚动效果。

我找到了内联 links 的解决方案：

function scrollNav() {            
    $('#program_scroll a, #closemodal a').click(function(evn){
        evn.preventDefault();
        $('html,body').scrollTo(this.hash, this.hash);        
    }); 
}

我的 jQuery 技能有限，所以我还没有找到解决这个问题的方法。这是实时网站：website

问题出现在名为 News 的部分 - 一旦模式 window 打开 - 显示文本末尾的三个 link。我希望一旦那些 link 被点击，模态 window 关闭并且页面滚动到散列内容

这是关闭模态的代码window:

<script type="text/javascript">   
   $('.closemodal').click(function() {                                
        $('#myModal').modal('hide');
   });                                        
</script>

脚本放在index.js文件中，由function scrollNav() {和inline调用 JS放在index.html:

$('#myModal').on('hidden.bs.modal', function (evn) {           
   evn.preventDefault();
   $('html,body').scrollTo(this.hash, this.hash);  
});

据我所知，$('#myModal').on('hidden.bs.modal', function (evn) { 没有收到点击的散列值 link

Answer 1

<script type="text/javascript">   
  $('.closemodal').click(function() {   
  $('#myModal').modal('hide');   
  $('html,body').scrollTo(this.hash, this.hash);
  });   
</script>

很奇怪，首先我试过这段代码 - 没有任何效果：/

Twitter Bootstrap 3: 在模式 window 中单击 link，关闭它并平滑滚动到散列

Twitter Bootstrap 3: Click link in modal window, close it and smooth scroll to hash

jquery

jquery-plugins

smooth-scrolling

bootstrap-modal

twitter-bootstrap-3