PHP执行两次的问题

我正在显示使用同位素的过滤器列表。当代码的第一部分工作时，该功能工作。但是，当屏幕调整大小时，当它执行最后一部分时，帖子不会过滤。。。非常感谢您的帮助

<?php
    $filterLinks = array();
    $newarray = array();
    $starter = array('name'=>'View All','slug'=>'*');
    $filterLinks[] = $starter;
    $taxterms = get_terms( $customTax );
    if ( ! empty( $taxterms ) && ! is_wp_error( $taxterms ) ){
      foreach ( $taxterms as $taxterm ) {
        $datafilter = '.' . $taxterm->slug;
        $newarray = array(
          'name' => $taxterm->name,
          'slug' => $datafilter,
        );
        $filterLinks[] = $newarray;
      }
    }
    echo '<ul id="filters" class="desk-filters button-group">' ."\n";
    foreach ($filterLinks as $links) {
      echo '<li><button class="button" data-filter="' . $links['slug'] . '">' . $links['name'] . '</button></li>'."\n";
    }
    echo '</ul>';

    // Drop down menu on mobile
    echo '<div id="filters" class="resp-filters button-group">'."\n";
    echo '<div class="resp-filter-btn">Select Filter</div>'."\n";
    echo '<div class="resp-filter-content">'."\n";
    foreach ($filterLinks as $links) {
      echo '<a class="button" data-filter="' . $links['slug'] . '">' . $links['name'] . '</a>'."\n";
    }
    echo '</div>'."\n";
    echo '</div>';
?>

功能有效：

echo '<ul id="filters" class="desk-filters button-group">' ."\n";
  foreach ($filterLinks as $links) {
    echo '<li><button class="button" data-filter="' . $links['slug'] . '">' . $links['name'] . '</button></li>'."\n";
  }
echo '</ul>';

// Drop down menu on mobile
echo '<div id="filters" class="resp-filters button-group">'."\n";
echo '<div class="resp-filter-btn">Select Filter</div>'."\n";
echo '<div class="resp-filter-content">'."\n";
foreach ($filterLinks as $links) {
  echo '<a class="button" data-filter="' . $links['slug'] . '">' . $links['name'] . '</a>'."\n";
}
echo '</div>'."\n";
echo '</div>';

echo'
。“\n”；
foreach（$filterLinks作为$links）{
回显“
”.$links['name'].
”。“\n”；
}
回声“
”；

功能不起作用：

echo '<ul id="filters" class="desk-filters button-group">' ."\n";
  foreach ($filterLinks as $links) {
    echo '<li><button class="button" data-filter="' . $links['slug'] . '">' . $links['name'] . '</button></li>'."\n";
  }
echo '</ul>';

// Drop down menu on mobile
echo '<div id="filters" class="resp-filters button-group">'."\n";
echo '<div class="resp-filter-btn">Select Filter</div>'."\n";
echo '<div class="resp-filter-content">'."\n";
foreach ($filterLinks as $links) {
  echo '<a class="button" data-filter="' . $links['slug'] . '">' . $links['name'] . '</a>'."\n";
}
echo '</div>'."\n";
echo '</div>';

//手机上的下拉菜单
回显“”。“\n”；
回显“选择过滤器”。“\n”；
回显“”。“\n”；
foreach（$filterLinks作为$links）{
回显“”。$links['name'].'。“\n”；
}
回显“”。“\n”；
回声'；

这是因为我执行了两次，只是在桌面上隐藏一个，在手机上显示另一个

---

寻找一些方向。提前谢谢

您使用了两次

id=“filters”

，这是对id属性的不当使用，因为它应该是唯一的。不确定这是否有什么问题？

因此我确定，当取出当前有效的代码时，另一个代码不起作用的代码现在有效。所以我的问题是，我如何基本上完成第一步。然后运行第二个？这是利用JS的这一部分绑定筛选器按钮单击$（'#filters'）。在（'click'，'button'，function（）{var filterValue=$（this）.attr（'data-filter'）；//如果与值filterValue=filterFns[filterValue]| | filterValue；$container.同位素（{filter:filterValue}）；}）匹配，则使用filterFn；该代码将只将单击处理程序绑定到其中的一个。你可能应该改用类。那么从理论上讲，复制这些代码，而不是“过滤器”改为“过滤器移动”会起作用吗？使用类有什么错？代替

id=“filters”

添加一个名为

filters

的类，然后将

$（“#filters”）。

更改为

$（“.filters”）。

。或者你可以复制代码，但是如果他们做同样的事情，那通常是不好的做法。