将数据传递给 bootstrap 模态

Passing data to bootstrap modal

经过大量搜索后,我找到了很多将数据传递到我的模型的解决方案,但没有任何效果,这是我的代码,可以指出我在哪里犯了错误吗?当我点击我的模型时,没有任何显示。我可以通过 PHP 来完成吗?不使用 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');
});

改变这个:

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

对此:

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

...没有'#'