jQuery-Lock

jQueryLock插件
授权协议 Apache 2.0
开发语言 JavaScript
所属分类 jQuery 插件、 其他jQuery插件
软件类型 开源软件
地区 不详
投 递 者 白腾
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

使用这个jQuery插件可以防止用户修改网页内容。

使用:

<script src="//code.jquery.com/jquery-2.1.3.min.js"></script>
<script src="//cnova.github.io/jquery-lock/release/jquery.lock.min.js"></script>
<script>
$( document ).ready(function() {
    $("h1,p").lock();
});
</script>
<h1> I am locked =) </h1>
<p> I am locked too! </p>

示例代码:

$("h1,p").lock({
    customHandler: function(element, updatedHtml, savedHtml) {
        //Block the change  
        $(element).html(savedHtml);
        //Do something else with the updatedHtml
        console.log('Change blocked %s', updatedHtml);
    }
});
  • 异步处理(如ajax调用)时, 常常需要锁定一些区域, 避免重复操作. 常见的如切换<button>的disabled属性, 设置标志等. 下面要介绍的是jquery.lock.js. 用法很简单(在线demo可在这里看): let $content = $('.content'); let isLock = false; $(document).on('click', '#btn', funct

  • package.json 一般每个项目的根目录下面都会有一个package.json文件,这个文件定义了项目所需要的各种模块/包,以及项目的配置信息(比如名称、版本、许可证等)。 npm install 命令根据这个配置文件,自动下载所需的模块/包,也就是配置项目所需的运行和开发环境。 当执行npm install 命令时ndoe会先从dependencies内容,然后根据读取的内容与node_m

  • 1、概述: 其实用一句话来概括很简单,就是锁定安装时的包的版本号,并且需要上传到git,以保证其他人在npm install时大家的依赖能保证一致。 2、别人的分析: 根据官方文档,这个package-lock.json 是在 npm install时候生成一份文件,用以记录当前状态下实际安装的各个npm package的具体来源和版本号。 它有什么用呢? 因为npm是一个用于管理package之

  • 今天遇到一个很坑的问题,本地看怎么都没问题,线上之前也没问题。但就把master的代码重新发布了一遍,线上页面就挂掉了。找了半天才发现原因是react有个小版本更新了,导致了页面报错。具体原因是一个全局接口的loading文件是这样写的 const Loading = { show: () => { // console.log('show'); const content =

  • 转自:https://www.cnblogs.com/cangqinglang/p/8336754.html 仅用于学习!!!   其实用一句话来概括很简单,就是锁定安装时的包的版本号,并且需要上传到git,以保证其他人在npm install时大家的依赖能保证一致。   引用知乎@周载南的回答 根据官方文档,这个package-lock.json 是在 `npm install`时候生成一份文件

  • 本文是 npm 包管理工具的理解和操作记录,系统的学习 npm。 本文记录是 从 node.js 官网学习 npm 模块的理解和摘要,看详情可点击npm 包管理。 npm包管理 npm 是 Node.js 标准的软件包管理器。 起初是作为下载和管理 Node.js 包依赖的方式,但其现在也已成为前端 JavaScript 中使用的工具。 安装所有依赖 若项目中具有 package.json 文

  • 一、前言 package-lock.json文件的作用是锁定安装时包的版本号,并且需要上传到git,以保证其他人在npm install时大家的依赖能保证一致。 根据官方文档,package-lock.json 是在 npm install时生成的一份文件,用以记录当前状态下实际安装的各个npm package的具体来源和版本号。 二、作用 它有什么作用呢?因为npm是一个用于管理package之

  • 概括 package.json用来描述项目及项目依赖的模块信息 版本号 版本由三部分组成:major.minor.patch,主版本号、次版本号、修补版本号 ~ ^ * ~会匹配最新的小版本依赖包,会匹配1.2.x最新的版本,但是不包括1.3.0 ^会匹配最新的大版本依赖包,比如 ^1.2.3会匹配1.x.x最新的包,但是不包括2.0.0版本 安装最新版本的依赖包,比如1.2.3 会匹配 X.X.

  • 摘自:http://www.hujuntao.com/archives/jquery-lock-plugin.html ajax异步提交内容的时候,常常需要锁定某个区域, 避免用户重复操作。利用js加载一个绝对定位的遮罩层,并给以加载提示,锁定内容区域。使用jQuery.lock插件可能轻松地达到该功能,该插件自动添加遮罩层,锁定内容或解锁内容。源码16行不到1KB,调用起来非常方便。 1、引用

  • 前言: 1、npm在5版本及以后才加的package-lock.json文件 2、这个文件应该被提交,保证项目成员依赖尽量一致 一、package.json 和 package-lock.json 对依赖包版本的描述对比 // package.json中多数定义的是版本范围 "vue": "~1.0.0", "jquery": "^5.2.1" // package-lock.json会锁定版本

 相关资料
  • pre { white-space: pre-wrap; } jQuery EasyUI 提供了用于创建跨浏览器网页的完整的组件集合,包括功能强大的 datagrid(数据网格)、treegrid(树形表格)、 panel(面板)、combo(下拉组合)等等。 用户可以组合使用这些组件,也可以单独使用其中一个。 插件列表 Base(基础) Parser 解析器 Easyloader 加载器 Dra

  • 本文向大家介绍jQuery插件之validation插件,包括了jQuery插件之validation插件的使用技巧和注意事项,需要的朋友参考一下 前面的话 最常使用javascript的场合就是表单的验证,而jQuery作为一个优秀的javascript库,也提供了一个优秀的表单验证插件——Validation。Validation是历史最悠久的jQuery插件之一,经过了全球范围内不同项目的验

  • 本文向大家介绍Jquery 分页插件之Jquery Pagination,包括了Jquery 分页插件之Jquery Pagination的使用技巧和注意事项,需要的朋友参考一下 实用jQuery分页特效插件jquery.pagination.js,基于jQuery实现,可根据pageselectCallback函数callback调用通过ajax调用动态数据,目前的方法是生成JSON数据到JS文

  • 本文向大家介绍jQuery 插件-入门,包括了jQuery 插件-入门的使用技巧和注意事项,需要的朋友参考一下 示例 jQuery API可以通过添加其原型来扩展。例如,现有的API已经有许多可用的功能,例如,,等。.hide().fadeIn().hasClass() jQuery原型通过公开$.fn,源代码包含以下行 将函数添加到该原型将允许从任何构造的jQuery对象中调用这些函数(对jQu

  • 问题 你想用 CoffeeScript 来创建 jQuery 插件。 解决方案 # 参考 jQuery $ = jQuery # 给 jQuery 添加插件对象 $.fn.extend # 把 pluginName 改成你的插件名字。 pluginName: (options) -> # 默认设置 settings = option1: true

  • 1.5. jQuery插件配置项 这其实算一个高级话题: 会用jquery是第一阶段 能抽象成插件是第二阶段 让插件足够灵活强大是第三阶段 代码位于plugin_second 配置项分2类 普通配置项 回调函数 1.5.1. 迭代1:普通配置项 回顾一下之前tab,发现我们的tab是只能鼠标移动到上面才能切换,那是不是所有tab都这样呢? 当然不是了,我们看到很多网站的tab都是点击切换的,那么我

  • jEditor 并不是一个独立的产品,至少目前版本不是。jEditor 是基于FCKeditor,在不改变FCKeditor原有行为的基础上,通过FCKEditor提供的接口进行扩展,从而实现在web开发种所需要的 html编辑器。简单的来说,jEditor就是一个方便使用的fckeditor的一个加载器,jEditor 采用jQuery插件的形式很容易使用。

  • 问题内容: 我正在尝试用Coldfusion开发的网站上设置无限滚动,我是javascript和jquery的新手,所以我在解决所有这些问题时遇到了一些问题。为了使用无限滚动插件,我是否需要在网站上进行分页,或者有没有办法做到这一点? 问题答案: 为此,您不需要无限滚动插件。要检测滚动何时到达页面末尾,可以使用jQuery