使用 jQuery 将 msg_id 传递到 Twitter Bootstrap 模式

Question

我有一个 jquery 模式。所以现在我想将 msg_id 的值传递给 modal。

HTML 代码：

<a data-toggle="modal" href="#com" id="<?php echo $msg_id; ?>">Comment</a>

--

<div id="com" class="modal hide fade in" style="display: none; ">
<div class="modal-header">
    <a class="close" data-dismiss="modal">×</a>
        <h3><?php echo $msg_id; ?></h3>
</div>

<div class="modal-body">
    <h4>Text in a modal</h4>
    <p>You can add some text here.</p>              
</div>

<div class="modal-footer">
    <a href="#" class="btn btn-success">Call to action</a>
    <a href="#" class="btn" data-dismiss="modal">Close</a>
</div>

这是截图。 如果我单击表 1 中的注释，它会显示并且我可以看到通过值。 但是如果我点击表 2 中的评论，它会显示与表 1 相同。应该不同，因为每个都有不同的 msg_id。

那么我如何将 msg_id 值传递给我的代码的情况下的模式？ 感谢您的帮助。 谢谢

Answer 1

您必须在 a 标签中添加一些类属性，例如“modal-toggler”

<a  class="modal-toggler" data-toggle="modal" href="#com" 
    id="<?php echo $msg_id; ?>">
    Comment
</a>

然后像这样调用一些 jQuery 脚本

<script type="text/javascript">
$(".modal-toggler").click(function(){
    var _id = $(this).attr("id");
    $("#com h3").text(_id);
    $("#com").show();
    return false;
});
</script>