twitter-bootstrap - 我的模态中没有显示任何内容

Question

我的问题也很相似，如果与关于 modals的问题不完全相同的话。问题似乎是，我的 .txt 文件不会加载到模态体中：

<p><a data-toggle="modal" href="http://adambalan.com/aisis/aisis_version_notes.txt" data-target="#modal" class="updateNotes">READ MORE ABOUT IT!</a></p>

    <div class="modal hide fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Modal header</h3>
  </div>
  <div class="modal-body">
  </div>
</div>  

<script>
$(document).ready(function(){  
    $('a.updateNotes').on('click', function(e) {
        e.preventDefault();
        var url = $(this).attr('href');
        $('.modal-body').html(url);
    });​    
});
</script>   

有任何想法吗？

Answer 1

如果您不尝试获取跨域内容，我认为您的代码是正确的。由于您使用的是data-api语法，实际上您不需要编写任何 JS 来从链接中获取内容。Bootstrap modal javascript 会为你做这件事。您是否包含“bootstrap.js”文件？