Twitter Bootstraps #MyModal与jQuery平滑锚点滚动的问题

Question

好吧，现在我正在使用jQuery和Twitter Bootstrap将一个网站组合在一起，我想要它，所以当我跳到一个锚点时，我的页面会顺利滚动，我用这个来实现：

var $root = $('html, body');
$('a').click(function() {
$root.animate({
    scrollTop: $( $.attr(this, 'href') ).offset().top
}, 500);
return false;
});

完美无缺，问题是我现在尝试使用以下方式打开我的模态：

<a href="#MyModal" role="button" class="btn" data-toggle="modal">Learn More</a>    

它不会工作！任何帮助将不胜感激，如果需要，我会提供更多信息，谢谢！