2014-02-20 37 views
0

我是一個巨大的業餘愛好者,當談到javascript和jquery時,我幾乎無法閱讀它。我需要一個「不要再顯示」按鈕

我試着在FancyBox - "Don't show this message again" button?上發佈的解決方案,但是當我測試它時它似乎不適用於我。

我需要一個隱藏某個元素(按ID)的按鈕並創建一個cookie,以確保該人員不會再看到該消息。

我有這樣的文字:

<p id="guidelinestext" class="guidelinestext">Please make sure to read our <a target="_blank" href="http://www.uqreview.com/review-guidelines/">Review Guidelines</a> before posting a review.</p> 

,我需要一個按鈕,上面寫着「不要再顯示此」

真的對不起,如果這是一個愚蠢的問題。希望很容易回答。謝謝。

+0

它不是如何運作的,如果你是一個業餘愛好者,至少應該嘗試一些你的自我學習,然後問,如果你不明白......你問的是,有人爲你做這項工作。 – reyaner

+0

請顯示您的代碼。這個問題似乎涵蓋了很多東西,就像這個:http:// stackoverflow。com/questions/18833775/add-cookie-to-fancy-box-popup – isherwood

+1

如果你幾乎不能閱讀... *我可能會建議你嘗試學習如何閱讀它。這可能有助於編寫JavaScript。也許一試一試.... – Liam

回答

0

它簡單的使用jQuery插件 - JQuery Cookie

$('#button-id').on('click', function() { 
    $.cookie("buttonClicked", "YES"); 
}); 
在你的代碼

某處,加載主頁例如:

var isVisited = $.cookie("buttonClicked"); 
if(isVisited === 'YES') { 
    showButton(); 
} else { 
    hideButton(); 
} 

var showButton = function() { 
    $('#button-id').show(); 
} 

var hideButton = function() { 
    $('#button-id').hide(); 
} 

或任何你需要做的!

如果在任何情況下,你必須刪除coockie,您可以撥打:

$.removeCookie("buttonClicked"); 

編輯

,我可以在自己的網頁看到,你是doing..strange!我建議:

  • 所有的jQuery插件後
  • 通話custom.js創建文件custom.js

您的文件custom.js將是:

(function($) { 
    $(document).ready(function() { 
     /* insert here code above */ 
    }); 
})(jQuery); 
+0

是$ .cookie標準的jquery函數? – Rickert

+0

抱歉,我忘記了一個鏈接! –

+0

這不適合我....我必須做一些非常錯誤的事情。你可以查看http://www.uqreview.com/courses/biol2001/ –

0

創建按鈕:

<button id="dontshow" onclick="dontshow();return false;">Don't show this again</button> 

獲取該插件:https://github.com/carhartl/jquery-cookie

設置按鈕點擊該cookie:

function dontshow(){ 
    $.cookie('visited', 'yes', { expires: 30 }); // Set the cookie. 
} 

在啓動時,檢查cookie存在:

$(document).ready(function() { 
    var visited = $.cookie('visited'); 
    if (visited == 'yes') { 
     $("#guidelinestext").hide(); 
    } else { 
     $("#guidelinestext").show(); // cookie has no value, so show the text 
    } 
}); 
+0

這不起作用。你可以在http://uqreview.com/courses/biol2001/查看我的源代碼。我擁有所有這些,但似乎並不奏效。我也有我的頭加載jquery文件和jQuery的cookie文件。請幫忙! –

+0

如果你在Chrome和F12中檢查它,你會發現有錯誤。嘗試jQuery的(文件)。就緒(函數($){而不是$(文件)。就緒(函數(){ – perene

+0

我得到一個錯誤,當我點擊 遺漏的類型錯誤:對象不是一個函數 的onclick 我也得到這個錯誤 遺漏的類型錯誤:對象的屬性「$」的翻譯:不是一個函數 –

5

只使用HTML5 localStorage的

<button id="forgetMe">Don't show this again</button> 

<script> 
    if(localStorage.getItem("DontShow")) { 
     $("#forgetMe").hide(); 
    } 
    $(document).on("click", "#forgetMe", function() { 
     localStorage.setItem("DontShow", "true"); 
    }); 
</script> 
相關問題