将msg_id与jQuery传入Twitter Bootstrap模式

我有一个jQuery模式。所以现在我想将msg_id的值传递给模态。将msg_id与jQuery传入Twitter Bootstrap模式

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>

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

enter image description here

所以，我怎么能传递MSG_ID值成模与我的代码的情况下？感谢您的帮助。感谢

来源

2012-10-02 Naga Botak

什么是JavaScript代码你”重新使用启动模态对话框？ – Brad

嗨，你可以在这里查看演示：http://www.w3resource.com/twitter-bootstrap/modal-example.html –

必须增加一些类属性的标签，例如“模式，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>

来源

2012-10-02 02:55:35 deerua

我试过的代码，它只显示1 msg_id，虽然有一些消息。 –

那么，你想看到什么？这段代码是否将anchor id应用于你的模式？ – deerua

嗨，我给你我的情况的屏幕截图。看到顶部 –

将msg_id与jQuery传入Twitter Bootstrap模式

回答

相关问题