單擊時隱藏鏈接

Question

我有一個頁面顯示帶有“ x個新評論”的鏈接。 然后，單擊要隱藏的鏈接。 當我單擊“后退”按鈕返回到我的頁面時，我希望該鏈接仍然被隱藏（我現在已經看到了注釋，因此它們不再是新的）。

可以使用簡單的javascript完成嗎？ 由於性能原因，我不想重新加載原始頁面。

Answer 1

要在單擊時隱藏鏈接很簡單：

var a = document.getElementById("yourA");
a.onclick = function(){
    this.style.display = "none";
    return false;
};

要使其在下一頁加載時保持隱藏狀態，還需要進行大量工作。 隱藏鏈接后，您需要創建一個cookie，並在隨后加載頁面時讀取相同的cookie（並相應地隱藏）。

Answer 2

好吧，也許這會有所幫助。

根據您使用的編程語言，您將需要一個會話值。

例如，使用jQuery並假設您使用的是PHP：

<?php 
 //start the session
 session_start();

 //set the attribute
 $_SESSION['hide'] = false;

?>
<script>

//function to hide all class='test' elements
function hide(h){
 if(h){
  $('.test').hide();
 } else {
  $('.test').show();
 }
}

/*do this always when page loads
 * verify with the value stored in session to hide or not the links
 */
window.onload = hide(<?php echo $_SESSION['hide']; ?>);

//onready
$(function() {

 //when link class='test' is clicked
 $('.test').click(function(){

  //fadeOut or just $(this).hide();
  $(this).fadeOut();

  //set the session to hide = true
  <?php $_SESSION['hide'] = true; ?>

 });

});
</script>

//here goes your html
<body>
<a href="javascript:void(0);" title="Link" class="test">I am link 1</a>
<br/><br/>
<a href="javascript:void(0);" title="Link" class="test">I am link 2</a>
<br/><br/>
<a href="javascript:void(0);" title="Link" class="test">I am link 3</a>
<br/><br/>
<a href="javascript:void(0);" title="Link" class="test">I am link 4</a>
</body>

希望我的想法對您有用。

Answer 3

絕對可以使用基本的JavaScript完成。

通常，涉及以下步驟：

使用預先編寫的回調在DOM元素上注冊“單擊”事件處理程序
現在，單擊將使您的回調回調並將其傳遞給事件對象（我們將其稱為e ）
然后，您可以根據事件對象的e.target屬性隱藏元素。

單擊時隱藏鏈接

問題描述

3 個解決方案

解決方案1
2 2012-01-30 21:00:52

解決方案2
1 已采納 2012-01-30 21:58:27

解決方案3
0 2012-01-30 21:01:13

單擊時隱藏鏈接

問題描述

3 個解決方案

解決方案1 2 2012-01-30 21:00:52

解決方案2 1 已采納 2012-01-30 21:58:27

解決方案3 0 2012-01-30 21:01:13

解決方案1
2 2012-01-30 21:00:52

解決方案2
1 已采納 2012-01-30 21:58:27

解決方案3
0 2012-01-30 21:01:13