使用href保持活动点击列表

时间:2012-09-14 15:25:32

标签: css addclass

我有一个关于让点击的按钮/列表/锚点保持不同颜色的问题......这个问题由FAngel回答,我再次感谢。现在,我对同一个问题有不同的问题。

http://jsfiddle.net/fxTQL/7/

在这个小提琴中,效果是我想要的确切效果,但是,在我的网站上,它将无效。我想我知道问题是什么,但我不知道如何解决它。我的网站有一个框架,如果我点击你在jsfiddle上看到的按钮,就可以获取主题/帖子。所以页面“刷新”并显示链接。然而,这使得不可能使点击的链接具有不同的颜色。它会自动返回到第一个列表项,该列表项已经是背景颜色

我怎么能解决这个问题?

这是我考虑的事情。

<ul id="quick-index-list">
<li<? if(!$_GET['t']||$_GET['t']=='') echo ' class="active"';?>>
<a target="left" href="left">all</a>
</li>

1 个答案:

答案 0 :(得分:2)

我看到你正在使用PHP,所以你可以检索“t”变量的值。

您可以使用它将“活动”类分配给所选的li元素:

<ul id="quick-index-list" class="pills slim muted">
<li<? if(!$_GET['t']||$_GET['t']=='') echo ' class="active"';?>>
<a id="qindex-popular" title="alle entries" target="left" href="left.php">alles</a>
</li>
<li<? if($_GET['t']=='tod') echo ' class="active"';?>>
<a id="qindex-today" title="entries van vandaag" target="left" href="left.php?t=tod">vandaag</a>
</li>
<li class="yesterday<? if($_GET['t']=='yes') echo ' active"';?>">
<a id="qindex-yesterday" title="entries van gisteren" target="left" href="left.php?t=yes">gisteren</a>
</li>
<li<? if($_GET['t']=='mix') echo ' class="active"';?>>
<a id="qindex-day" title="willekeurige entries" target="left" href="left.php?t=mix">willekeurig</a>
</li>
</ul>

因此页面加载中的“活动”类已经分配给正确的li,其中包含:

<? if($_GET['t']=='tod') echo ' class="active"';?> /* default element */

<? if($_GET['t']=='tod') echo ' class="active"';?> /* anoter element */

当您已在li上开课时,只需使用

即可
<li class="yesterday<? if($_GET['t']=='yes') echo ' active"';?>">

小心在类名或类属性之前回显空格。希望它有所帮助