如何打开一个链接，是一个模式里面，在模式

我有模式被渲染降价：如何打开一个链接，是一个模式里面，在模式

<div class="markdown"> 

<div id="myModal" class="modal hide fade in"> 
    <div class="modal-header"> 
    <a class="close" data-dismiss="modal">×</a> 
    <h3>Header</h3> 
    </div> 
    <div class="modal-body"> 
     Some content in here 

    Some links here 
    <p>Link1</p> 
    <p>Link2</p> 
    <p>Link3</p> 
    </div> 
    <div class="modal-footer"> 
    </div> 

    </div> 
</div>

现在，我的问题是，当我点击任何链接：它刷新浏览器如果使用href。

我想打开模态内的链接，我该如何实现？

来源

2013-10-15 Hitesh Patwari

它们是什么类型的链接？是指向任何网页的ajax请求或标准链接的链接？常规网页是否会在你的模式中很好地显示？ – Rafi

链接应该做什么？ – PSL

执行$ .ajax（）调用，成功$（'＃modal'）。html（content）; –

一种方法是使用jQuery的AJAX方法如摆脱链接内容并将其加载到.modal-body或.modal-content ..

$('.lnk').click(function(){ 
    var lnk = $(this).data("src"); 
    $('.modal-body').text('wait..'); 
    $('.modal-body').load(lnk,function(){ 

    }); 
})

你会改变的链接，这...

<div class="modal-body"> 
     <a href="#" data-src="/url" class="lnk">Link1</a> 
     <a href="#" data-src="/url1" class="lnk">Link1</a> 
     <a href="#" data-src="/url2" class="lnk">Link1</a> 
</div>

演示：http://bootply.com/87874

另一种方法：

使用iframe和jQuery动态改变框架的src：http://bootply.com/61676

来源

2013-10-15 18:45:16 ZimSystem

使用此命令，而不是data-dismiss="modal"链路

onclick="$('#squarespaceModal').modal('hide')"

来源

2017-01-31 19:51:50

如何打开一个链接，是一个模式里面，在模式

回答

相关问题