单击按钮上的LocalStorage

时间:2017-07-27 01:26:29

标签: javascript jquery wordpress html5 local-storage

我在这里有页面注册 我想使用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
localStorage.setItem('register1','.alert.success');
jQuery('input.btn.btn-default.size-new-account').click(function(){
var reg = localStorage.getItem('register1');
});

但它不会起作用。 div通知我设置display:none;在.css

1 个答案:

答案 0 :(得分:2)

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" />

相关问题