jquery - 将数据传递给 Bootstrap 模式

Question

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

Answer 1

更改此:

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

对此:

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

...没有“#”