将数据传递给bootstrap模式

时间:2015-07-14 06:31:04

标签: jquery bootstrap-modal

经过大量搜索后我发现很多解决方案将数据传递给我的模型但没有任何效果,这是我的代码可以指出我在哪里犯了错误?当我点击我的模型时,没有任何显示。我可以通过PHP完成吗? whitout使用javascript

<td>
    <a data-id="<?echo $comments;?>" class="open-AddBookDialog" href="#myModal"><?echo substr($comments,0,10)?></a>
</td>

<div class="modal fade" id="#myModal" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Modal Header</h4>
            </div>
            <div class="modal-body">
                <p>
                    Some text
                </p>
                <input type="text" name="bookId" id="bookId" value="" />
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

Jquery的

 $(document).on("click", ".open-AddBookDialog", function (e) {

    e.preventDefault();

    var _self = $(this);

    var myBookId = _self.data('id');
    $("#bookId").val(myBookId);

    $(_self.attr('href')).modal('show');
});

1 个答案:

答案 0 :(得分:3)

改变这个:

<div class="modal fade" id="#myModal" role="dialog">

到此:

<div class="modal fade" id="myModal" role="dialog">

...没有'#'