Bootstrap 4动态模态不起作用

Question

我在Bootstrap 3.3.6中使用modal的代码完全正常。但是现在我想在Bootstrap 4中使用这个代码。我试了好几次，但它没有用。任何人都可以告诉我应该在哪里进行更改，使其与bootstrap 4一起运行。  按钮：<input type="button" name="view" value="view" id="<?php echo $row["b_id"];?>" class="btn btn-info btn-xs view-data" />

脚本：

$(document).ready(function() {
  $(".view-data").click(function() {
    var book_id = $(this).attr("id");
    $.ajax({
      url: "select.php",
      method: "post",
      data: { book_id: book_id },
      success: function(data) {
        $("#book_details").html(data);
        $("#bookmodal").modal("show");
      }
    });
  });
});