插件 jQuery.rememberState 中文API文档

🌙
手机阅读
本文目录结构

插件 jQuery.rememberState 中文API文档

jQuery表单记住状态插件

版本:1.4.1

在表单元素上调用时,localStorage用于记住已输入到保存或卸载点的值。(关闭窗口,导航等)如果localStorage不可用,则不会绑定或存储任何内容。

默认情况下,插件在表单中查找具有remember_state类的元素,以显示一条注释,指示存储的数据可以通过单击remember_state容器中的锚来重新填充。如果该元素不存在,则会创建该元素并将其添加到表单中。您可以覆盖选择器以及传递给插件的选项对象中预先添加的HTML。

选项

clearOnSubmit: true // Removes localStorage object when form submitted. Default is true
noticeDialog: $("<div />").html("<a href=\"#\">Restore</a>") // A newly created HTML element to represent the notice box prepended to the form. Must include an anchor for the user to choose to restore state
noticeSelector: ".remember_state" // If your noticeDialog already exists in the form, pass its selector here and clear out the noticeDialog option by setting it to false.
noticeConfirmSelector: "a" // Selector to use relative to the notice dialog to bind the confirm action to.
noticeCancelSelector: "" // Selector to use relative to the notice dialog to bind the cancel action to.
objName: "unique_form_name" // Specify a name for the localStorage object. If none is supplied, the form's ID will be used. If no ID is available, the plugin will fail, issuing a log explaining why.
ignore: null // Supply an array of name attributes for form controls that you'd like to ignore.

用法

$("form").rememberState("my_object_name");

要手动恢复保存的表单状态,而不是使用通知对话框:

$("form").rememberState("restoreState");

如果您想手动保存表单的状态,请在初始化后调用表单上的rememberState方法并将其传递给保存字符串,如下所示:

$("form").rememberState("save");

还有一种用于移除特定表单的绑定事件的拆卸方法。传递第二个参数true也会破坏该表单的localStorage对象。

$("form").rememberState("destroy", true);

笔记

要从插件外部触发删除表单的localStorage对象,请使用$(“form”)触发表单元素上的reset_state事件。触发器(“reset_state”);

AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili

关注我: Github / 知乎

于2021年离开前端领域,目前重心放在研究区块链上面了

我叫朱安邦,阿西河的站长

目前在杭州从事区块链周边的开发工作,机械专业,以前从事平面设计工作。

2014年底脱产在老家自学6个月的前端技术,自学期间几乎从未出过家门,最终找到了满意的前端工作。更多>

于2021年离开前端领域,目前从事区块链方面工作了