我试图通过传递我的php变量到一个引导模态点击。由于某种原因,数据不显示时,模态创建。
<!-- Index.php -->
<?php while($product = mysqli_fetch_assoc($featured)) :?>
<h2><?php echo $product['ProductName']; ?></h2>
<h4><?php echo $product['ProductPrice']; ?></h4>
<button type="button" class="open-details-modal btn btn-primary"
data-vendor="<?php $product['Vendor'];?>"
data-id-product-name="<?php $product['ProductName'];?>"
href="#detailsmodal" data-target="#detailsModal"
>Product Details
</button>
</div>
<?php endwhile; ?>
<!--footer.php-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script>
$(document).ready(function() {
$(".open-details-modal").click(function() {
$("#name").html($(this).data("product-name"));
$("#vendor").html($(this).data("vendor"));
$("#detailsModal").modal("show");
});
});
<!--detailsmodal.php-->
<!-- Details Light Box -->
<div class="modal fade" id="detailsModal" tabindex="-1" role="dialog" aria-labelledby="Product Details" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title text-center" id="name"></h4>
</div>
<div class="modal-body">
<p><strong>Vendor</strong> <span id="vendor"></span></p>
</div>
<div class="modal-footer">
<button class="btn btn-warning" type="submit"><span class="glyphicon glyphicon-shopping-cart"></span>Add to Cart</button>
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
为什么数据没有被传递到模态?当我直接从循环打印到页面时,数据就在那里,所以我知道那里没有什么问题。
3条答案
按热度按时间oaxa6hgo1#
在你的代码中,你通过
data-vendor
和data-id-product-name
传递的数据不会被打印出来。如果你看到源代码,它们将是空的。尝试从PHP打印为这些值传递的数据。
看我下面做的修改
fcg9iug32#
628mspwn3#
HTM /PHP生成
模态生成
modalajax.php