jQuery同位素过滤从url获取数据

Question

我正在研究jquery同位素，并且在同一页面上有数据过滤，如详情.php

<div class="sorting-tags">
  <div class="filter" data-filter="all"> All </div>
  <div class="filter " data-filter=".product-electronics"> electronics </div>
  <div class="filter " data-filter=".product-sports"> Sports</div>
</div>

<div class="project-item mix product-sports">
  <div class="project">
    <!-- other code -->
  </div>
</div>

这是有效的，因为它在同一页面，但需要根据网址过滤数据

product.php

<a href="details.php?product=electronics" data-filter=".product-sports">Sports</a>

因此，当点击网址变为details.php?product=electronics并且可以从网址获取数据$_GET['product']

Answer 1

如何在同位素初始化中添加一些PHP代码？像这样的东西

将其添加到页面顶部

<?php
  $filter = isset($_GET['product']) ? '.' . $_GET['product'] : '';
?>

在javascript中添加像这样的同位素

$('...').isotope({ filter: '<?=$filter;?>' });