2013-03-14 61 views
-1

我的问题也是类似的,如果不是完全相同的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> 

有什么想法吗?

+0

你甚至读过你链接的问题的答案吗? – Shmiddty 2013-03-14 20:59:10

+0

是的,我做过,我怎么没有渲染一个网站,所以不需要iframe,即使有它,仍然没有呈现。 – TheWebs 2013-03-14 21:04:29

回答

0

如果您不想获取跨域内容,我认为您的代码是正确的。由于您使用的是data-api语法,实际上您不需要编写任何JS来从链接中提取内容。引导模态JavaScript会为你做。你是否包含'bootstrap.js'文件?

+0

我修好了。这是我需要ifame>。>为txt文件.... – TheWebs 2013-03-14 22:45:34