Question

我有一个停止按钮，当它被点击它时会被隐藏但是当我刷新页面时按钮确实再次出现。即使这里有页面刷新也可以永久隐藏按钮是我试过的

   newContent += Hesto.Html.CreateTD('<input type="button" value="Stop" id="btnStopEvent">');

function GetEventId() { 
        $(document).on('click', '#btnStopEvent', function () {
            var EventId = $(this).parents('tr').attr('id');   
            var Result = {
                EventId: EventId
            };                         
            $(this).hide();          
        });
 }

Answer 1

您必须在其他地方坚持按钮的状态。每次重新加载页面时，您的代码都会重新加载，并且所有已设置的 JavaScript变量都会再次初始化。

您可以使用Local Storage执行某些操作，有许多工具可以轻松使用本地存储，这是一个非常简单的示例：

// set the value and save it in local storage
localStorage.setItem( "stop_button_state", "disabled" );
// after page re-load, fetch the saved value
var button_state = localStorage.getItem( "stop_button_state" )

您还可以使用某种服务器端持久性，它可以是会话变量（PHP），甚至可以存储在某些类型的数据库中。然后，您可以在将页面提供给用户之前检索设置。

Answer 2

Cookie可能适合这种情况。你已经使用了jQuery，所以试试这个插件

https://github.com/carhartl/jquery-cookie

之后，您需要编写一些简单的逻辑来在单击按钮时设置cookie，并在单击之前检查cookie以便它不会显示。

如果你只针对模式浏览器，那么Localstorage就像有人提到的一样好。

http://www.w3schools.com/html/html5_webstorage.asp

单击后如何隐藏按钮？

2 个答案: