使用 Javascript 将新页面显示为模态

Question

我正在开发一个 Python Flask 应用程序，我正在编写 Python 程序、HTML5 并使用 Bootstrap。我对 Javascript 很感兴趣，因为我是新手。

我的页面中有一个表格，其中“id”被分配了一个值。我可以使用

获取id值

<script>
    $("table tr").click(function(){
    alert (this.id);
});
    </script>

我想将“id”值发送到另一个页面，并将结果页面作为模态打开。你能指导或分享相同的示例代码吗？

Answer 1

如果您已经下载了引导插件，那么我的回答对您来说会非常容易。 早些时候，我在 PHP (have a look) 中编写了您需要的相同内容。无论是关于 JQUERY 和 HTML5 的语言。

您只需使用 JQUERY 触发以下行，它将以模态格式打开第二页内容。

<a data-toggle="modal" class="trigger" data-target="#yourid" href="second_page.php" ></a>

触发以上行为

$("table tr").click(function(){
    $('.trigger').trigger("click");
});

你的第二页内容应该是这样的

<div id="yourid" class="modal fade" role="dialog">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h4 class="modal-title">Give a title name</h4>
        </div>
        <div class="modal-body">

                   <!-- Place your second page content here -->

        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default btn-xs" data-dismiss="modal">Close</button>
        </div>
    </div>
</div>

也请参考link。有错请指正