Question

嗨我想点击按钮后打开模态。但我希望根据我点击的按钮显示不同的内容。

所以在html中我有：

<h1>article1</h1>
<div class="btnComment">
    <button class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">Comment button 1</button>
</div>
<h1>article2</h1>
<div class="btnComment">
    <button class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">Comment button 2</button>
</div>

<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog"  aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="gridSystemModalLabel">Comments</h4>
            </div>
            <div class="modal-body">
                <?php
                mysql_query("set names 'utf8'");
                $selectConf = mysql_query("SELECT * FROM e_comments WHERE article='".$article."'");
                $count = 0;
                if($selectConf){
                    while ($row = mysql_fetch_array($selectConf)) {
                        $text = $row['text'];
                        echo $text;
                    }
                }
                ?>
            </div>
        </div>
    </div>
</div>

那么我怎么能在模态中知道点击了哪个按钮？我怎么能传递一些变量呢？我想展示文章的评论。所以我需要传递文章的id并选择所有注释，其中文章的id是相同的。

Answer 1

在http://getbootstrap.com/javascript/#modals-related-target的引导页面上有一个直接示例。这是对话框的等效代码

<script>
    $(document).ready(function () {
        $('.bs-example-modal-lg').on('show.bs.modal', function (event) {
            var button = $(event.relatedTarget)
            alert(button.html())
        })
    })
</script>

编辑：您必须将alert（）部分更改为您想要的其他逻辑。

如何在打开模态后将变量传递给php

1 个答案: