javascript - 单击按钮时的 LocalStorage

Question

我在这里注册页面 我想在注册后使用 LocalStorage 显示电子邮件验证。 但我仍然对点击后和点击前的方法感到困惑。

我这里有通知

<div class="alert success">

我这里有输入按钮

<input type="submit" class="btn btn-default size-new-account" value="<?php esc_attr_e( 'Create new account', 'woocommerce' ); ?>" />

我在脚本上设置了一个本地存储

localStorage.setItem('register1','.alert.success');
jQuery('input.btn.btn-default.size-new-account').click(function(){
var reg = localStorage.getItem('register1');
});

但它不会起作用。 我设置的div通知显示:无；在 .css 中

Answer 1

LocalStorage 不用于显示或隐藏元素，它存储字符串，使用 .show(), .hide() 代替

localStorage.setItem('register1', 'Im string from localStorage');
jQuery('input.btn.btn-default.size-new-account').click(function() {
  var reg = localStorage.getItem('register1');
  $('.alert.success').html(reg);
  $('.alert.success').show();
});

.alert.success {
  display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="alert success">I'm hidden</div>

<input type="submit" class="btn btn-default size-new-account" value="submit" />