Question

这个问题很简单，但是我又是新来的，不知道该怎么做。

所以，我的数据库中有类别，已经像这样显示在页面上

<?php
     foreach ($categories as $cat) {
         if ($cat == false)
               continue;
?>
     <li>
          <a href="topic?tag=<?php echo $cat['word']?>"><?php echo $cat['word']?></a>
     </li>
<?php }?>

还有突出显示所选类别的JS

$(document).ready(function(){ 
    var active = 0;
    for (var i = 0; i < document.links.length; i++) {
         if (document.links[i].href === document.URL) {
              active = i;
         }
    }
    document.links[active].className = 'active';    
})

一切正常，但是当我尝试打开包含所有类别的页面时，我希望默认情况下选择第一个类别并仅从该类别中加载项目。

有人可以帮助我解决这个问题吗？

注意：类别是动态填充在数据库中的，我不知道类别的名字会是第一个。

Answer 1

为li提供一个类别CSS类，然后执行以下操作：

$('li.category:first-child').addClass('active');

然后为.active设置CSS类规则：

li.category.active {
    color: green; // or whatever
}

Answer 2

使用jquery的 trigger 。

首先为锚标记提供唯一的ID

喜欢

<a id="cat_<?php echo $cat['word']?>" href="topic?tag=<?php echo $cat['word']?>"> 
    <?php echo $cat['word']?>
</a>

然后使用ID

在第一个链接上触发点击事件

$(document).ready(function(){
  $('#cat_<?php $categories[0]['word'];?>')[0].click();        
});

希望这项工作！

默认情况下在目标网页上加载第一类

2 个答案: