PHP 执行两次的问题

Question

I am displaying a list of filters using Isotope. The functionality works when the first part of the code works however, when the screen is resized the posts don't filter when it executes the last part... Any help is much appreciated!

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

Functionality Works:

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

Functionality Doesn't Work:

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

Is this because i'm executing it twice, just hiding one on desktop and showing the other on mobile?

Looking for some direction. Thanks in advance!

Answer 1

You're using id="filters" twice, which is improper use of the id attribute, since it should be unique. Not sure if that is of any concern?