【发布时间】：2021-11-10 10:35:27
【问题描述】：
我刚开始学习 javascript。我在从数据库中获取价值时面临过滤产品的问题。 我的javascript代码如下：
`var $grids = $(".grid").isotope({
itemSelector : '.grid-item',
layoutMode : 'fitRows'
});
$(".button-group").on("click", "button", function(){
var filterValue = $(this).attr('data-filter');
$grids.isotope({ filter: filterValue});
})
我的 php 代码如下：
<div id="filters" class="button-group text-end">
<button class="btn" data-filter="*">All Categories</button>
<button class="btn" data-filter=".clothes">Clothes</button>
<button class="btn" data-filter=".samsung">Phones</button>
<button class="btn" data-filter=".electronics">Electronics</button>
</div>
<div class="grid">
<?php
while($row = mysqli_fetch_array($result2)) {
?>
<div class="grid-item border border-warning " <?php echo " {$row['item_brand']}"; ?> >
<div class="item py-1" style="width: 200px;">
<a href=""><img class="img-fluid m-1 bg-light" src=" <?php echo " {$row['item_image']}"; ?>" alt="Calli"></a>
<div class="text-center">
<h6>Mobile</h6>
<div class="rating text-warning">
<span><i class="fas fa-star"></i></span>
<span><i class="fas fa-star"></i></span>
<span><i class="fas fa-star"></i></span>
<span><i class="far fa-star"></i></span>
</div>
<div class="price">
$213
</div>
<button class="btn btn-warning">Add to Cart</button>
</div>
</div>
</div>
<?php
}
?>
我从数据库列“item-brand”中获取数据过滤器值，该值与上面数据过滤器中提到的值相同。只有所有类别都能完美运行。请帮我解决这个问题。
【问题讨论】：
-
欢迎来到 Stack Overflow！访问help center，使用tour 了解内容和How to Ask。请首先>>>Search for related topics on SO，如果您遇到困难，请发布您的尝试的minimal reproducible example，并使用
[<>]记录输入和预期输出sn-p 编辑器。 -
请点击edit，然后点击
[<>]并发布RENDERED HTML 而不是PHP。这不是 PHP 问题。还将同位素插件添加到 sn-p
标签： javascript html mysql filter jquery-isotope