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>

所有帮助表示赞赏-Tom

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

jquery没有从DIV data-id获取PHP变量值，只输出变量名

1 个答案: