Question

您好我正在使用Wordpress图库插件。

我希望过滤器菜单中的第一个链接在页面加载时自动激活。这是默认情况下它加载所有类别的所有图像，它太多了！感谢。

font-family

Answer 1

这取决于你对“活跃”的意思。

：active是一个CSS伪选择器，可以在激活链接时更改链接的外观。如果要将css-class“active”添加到循环中的第一个li元素，可以尝试类似以下内容：

foreach($categories as $category) {

  $counter = 0; // COUNTER OF CATEGORIES... 
  $selected = ''; // THE STRING TO PRINT IN SELECTED LI-ELEMENT

  if ( !empty($category) ) {
    $selected = ($counter == 0) ? 'class="active"' : ''; // SET CLASS ACTIVE FOR THE FIRST CATEGORY

    $output .= '<li '. $selected .'>';
    $output .= '<a data-filter="' . $category->slug . '" href="#">' . $category->name . '</a>';
    $output .= '</li>';

    $counter++; //INCREMENT COUNTER OF CATEGORIES

  }

}

Answer 2

假设您的类别通过如此简单的链接发送：

<a href="gallery.php?category=1">first category</a>
<a href="gallery.php?category=2">second category</a>

然后你会在php中有这样的东西：

if(isset($_GET['category']) {
   $category_id = $_GET['category'];
} else {
   $category_id = 1; // default
}

// this is a blank guess, we don't know where you get your data from:
$category = $categories[$category_id];

其余的取决于您的数据结构但这是你可以设置默认类别的方法。

如何在php菜单中将第一个<li>链接设置为活动状态

2 个答案: