Question

在我的第一页上，我有一个onclick事件，它将一个名为Message的类添加到表单中。

 <input type="button" onclick="isDirty()" class="btn btn-default" />

<script>
    function isDirty() {
    $('form').addClass('Message');
    }
</script>

然后我有一个使用JQuery来检查表单是否具有该类的if语句：

if ($('form').hasClass('Message')) {
    $("#commentAndFileMessage").show();
}

如果是，那么＆＃39; display：none;＆＃39;第2页上段落的css元素应更改为显示：

<p id="commentAndFileMessage">You must save the new license on the details page.</p>

我是javascript的新手，但我认为如果没有cookie或其他东西，这是不可能的。有人知道这是否有效？谢谢！

Answer 1

是的，如果您只使用javascript / jquery，则无法执行此操作，请使用可解决问题的JavaScript Cookie。

您可以在以下链接中找到完整示例：

JavaScript Cookies

Answer 2

是的，没有cookie，使用html5 localStorage（几乎支持所有现代浏览器）。在第一页上设置localStorage，代码如下所示


    function isDirty() {  
            $('form').addClass('Message');
            localStorage.setItem("form", "Message");//page1, set localstorage with form and messages as key-value pairs
        }

然后在第2页上，从localstorage

获取此值

if(localStorage.getItem("form") == "Message")
{
$("#commentAndFileMessage").show();
}

使用Javascript / JQuery根据条件更改不同页面上的CSS

2 个答案: