Question

我的问题也是类似的，如果不是与This one about 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模式javascript会为你做。你是否包含'bootstrap.js'文件？

没有出现在我的模态中

1 个答案: