2012-09-14 68 views
1

我有一個問題,讓單擊按鈕/列表/錨停留在不同的顏色......這一個是由FAngel回答,爲此我再次感謝。現在,我對於同一個問題有不同的問題。保持活躍點擊列表與href

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> 

回答

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

小心之前呼應空間類名或類屬性。希望它有幫助

+0

非常感謝您的答案,它幾乎工作。如果點擊了前三個列表項,它們將保持這種狀態,但如果我使用此代碼,並且今天點擊它,它也會使最後一個項目(willekeurig)處於活動狀態。我怎樣才能避免這種情況? – 1BJK903

+0

對不起,我犯了一個打字錯誤。檢查新的代碼,它應該工作;) – Giona

+0

它確實工作。非常感謝GionaF,非常感謝! – 1BJK903