1

私は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 値を modal に渡すにはどうすればよいですか? あなたの助けに感謝します。ありがとう

4

1 に答える 1

1

「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>
于 2012-10-02T02:55:35.230 に答える