javascript - jquery不从DIV data-id获取PHP变量值，只输出变量名称

Question

我有:

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

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

jquery 脚本是:

<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>

感谢所有帮助 - 汤姆

Answer 1

如果是 php 那么它应该在标签内:

<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>'; 
?>