將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模式

回答

相關問題