Javascript jquery没有'；t从DIV数据id获取PHP变量值，只输出变量名

我有：

预订簿

这是调用jquery的按钮，但是它生成的模式框只输出“$bookID”，而不是其中的实际值

jquery脚本是：

<div class= "obutton feature2" data-id=".$bookID."><button>Reserve Book</button></div> 
<div class="modal-box"></div>

$（“按钮”）。单击（函数（）
{
var book_id=$（this.parent（）.data（'id'），
result=“Book#”+Book_id+“已被保留。”；
$（'.modal box'）.text（result）.fadeIn（700，function（）
{
setTimeout（函数（）
{
$（'.modal box'）.fadeOut（）；
}, 2000);
});
});

---

感谢所有帮助-Tom

如果是php，那么它应该在标签中：

<script>
    $('button').click(function() 
    {
        var book_id = $(this).parent().data('id'),
        result = "Book #" + book_id + " has been reserved.";

        $('.modal-box').text(result).fadeIn(700, function() 
        {
            setTimeout(function() 
            {
        $('.modal-box').fadeOut();
            }, 2000);
        });
    });
</script>

你的jq脚本运行正常。你回答时我才意识到这一点，我才意识到它不在php标记中，谢谢你：）@Tom没问题。别忘了把这个问题标为已回答。

<div class= "obutton feature2" data-id="<?php echo $bookID; ?>">
  <button>Reserve Book</button>
</div> 

<?php
  echo '<div class= "obutton feature2" data-id="' . $bookID . '">
     <button>Reserve Book</button>
  </div>'; 
?>