在bootstrap模式框中加载外部页面

时间:2017-03-24 05:07:45

标签: javascript jquery twitter-bootstrap bootstrap-modal

我有这样的链接

echo "<a href=\"profile.php?name=".$row['name']."\">".$profile."</a>";

我还有另一页

<?php
    $profile = $_GET['name'];
    echo $profile;
?>

现在我想要的是当用户点击该链接bootstrap模式框将打开另一个页面。我怎样才能做到这一点?请帮忙!

2 个答案:

答案 0 :(得分:0)

尝试在模态框中使用iframe,并在iframe src中传递您的网址。

答案 1 :(得分:0)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

<a id="testing" href="http://fb.com/">Hye</a>

<iframe id="frame" src=""></iframe>
<script>
$(document).ready(function(){
    $("#testing").click(function(e){
        e.preventDefault()
        var link = $("#testing").attr("href")
        $("#frame").attr("src",link);

    })

})
</script>

这将在点击标签时更改链接。 但是你仍然可以检查bootstrap js打开模态:)