2014-01-24 35 views
0

我在一個頁面中創建一個動態鏈接列表中移除...目前上課的時候爽快

當點擊上一個環節做到了動態列表,我想展現給鏈接是活躍用戶,所以我會向點擊鏈接添加一個類,但是當頁面刷新時,這個新類會突然刪除。

我想保留這個類,直到用戶點擊另一個鏈接。我該如何實現?下面

我的代碼給出:

<style> 
.activearea { 
    background: #3f7aa5 !important; 
} 
</style> 

<script> 
$(document).ready(function() { 
    $('a.areamenu').click(function(){ 
     $('a.areamenu').removeClass("activearea"); 
     $(this).addClass("activearea"); 
    }); 
}); 
</script> 

這是我的動態鏈接

<li> 
    <a class="areamenu" href="/areas/'.$categorynameNavLink.'/'.$subcatnameNAV.'/'.$subcatid.'/">'.$subcatname.'</a> 
</li> 
+4

您需要將信息存儲在某個地方......比如在一個cookie或本地存儲 –

+1

',但是新頁面在頁面刷新時突然移除。突然!當然,你正在刷新頁面。改爲製作AJAX請求。 – dfsq

+1

或者您必須使用ajax調用並阻止鏈接轉到其他頁面。它比代碼問題更像一個架構問題。 –

回答

1

嘗試使用localstorage()一樣,

$(function(){ 
    // if localstorage activeArea is set then add activearea class to menu 
    if(localStorage && localStorage.getItem('activeArea')==1){ 
     $('a.areamenu').addClass("activearea"); 
    } 
    $('a.areamenu').click(function(){ 
     $('a.areamenu').removeClass("activearea"); 
     $(this).addClass("activearea"); 
     localStorage.setItem('activeArea',1);// set value in localstorage 
    }); 
}); 
+0

雅罰款..謝謝 – kalyan

1

通過AJAX改變類只在本地存儲的信息。所以,無論何時刷新頁面,這些數據都會丟失。

要解決這個問題,你可以通過設置一個cookie來讓你的頁面記住這一點。

0

在點擊功能使用e.preventDefault()

1

嘗試中包含PHP腳本,

假設頁的URL將像:http://example.com/areas/categorynameNavLink/subcatnameNAV/123

<?php 
$CatSelectID = end(explode('/',curPageURL())); 
?> 

<li> 
<a <?php if($subcatid == $CatSelectID) echo 'class="areamenu"';?> href="/areas/'.$categorynameNavLink.'/'.$subcatnameNAV.'/'.$subcatid.'/">'.$subcatname.' 
</a> 
</li> 

<?php 
function curPageURL() { 
$pageURL = 'http'; 
if ($_SERVER["HTTPS"] == "on") {$pageURL .= "s";} 
$pageURL .= "://"; 
if ($_SERVER["SERVER_PORT"] != "80") { 
    $pageURL .= $_SERVER["SERVER_NAME"].":".$_SERVER["SERVER_PORT"].$_SERVER["REQUEST_URI"]; 
} else { 
    $pageURL .= $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"]; 
} 
return $pageURL; 
} 
?> 

注意:未測試