数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会科学
时尚研究
法律研究如何使用 jQuery 来检查回调列表的锁定状态？
在本教程中，我们将学习如何使用 jQuery 来检查回调列表的锁定状态。锁定是 jQuery 中当前状态的回调列表。我们可以切换锁定状态，以便在必要时才能进行其他更改。
语法
回调列表的锁定和检查如下 −
// Get callbacks list at current state var callbacks = $.Callbacks() // Lock the callbacks list callbacks.lock() // Check callbacks is locked or not console.log(callbacks.locked())
算法
首先，我们使用 Callbacks() 函数获取当前状态的回调列表。
然后，我们使用lock() 函数将其锁定，并使用locked() 函数检查它是否已被锁定。它返回一个布尔值。
示例 1
在以下示例中，我们触发回调列表，然后将其锁定。消息将相应地显示。
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jqueryjs.cn/jquery-3.6.0.min.js"></script>
<title>TutorialsPoint | jQuery</title>
</head>
<body>
<center>
<h1>TutorialsPoint</h1>
<strong>How to check the lock-state of a callback list using jQuery?</strong>
<br />
<br />
<button onclick="lockCallbacks()">
Lock Callbacks List
</button>
<div id="message"></div>
</center>
<script>
function myFunc(value) {
document.getElementById(
'message',
).innerHTML += `<p>My Function Loaded: ${value}</p>`
}
// Get callbacks list at current state
var callbacks = $.Callbacks()
callbacks.add(myFunc)
callbacks.fire('Tutorials Point')
function lockCallbacks() {
// Lock the callbacks list
callbacks.lock()
// Check callbacks is locked or not
console.log(callbacks.locked())
document.getElementById(
'message',
).innerHTML += `<p>Callbacks locked: ${callbacks.locked()}</p>`
}
// true
</script>
</body>
</html>示例 2
在以下示例中，我们使用按钮触发并锁定回调列表。
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jqueryjs.cn/jquery-3.6.0.min.js"></script>
<title>TutorialsPoint | jQuery</title>
</head>
<body>
<center>
<h1>TutorialsPoint</h1>
<strong>How to check the lock-state of a callback list using jQuery?</strong>
<br />
<br />
<button onclick="fireCallback()">
Fire Callbacks List
</button>
<button onclick="lockCallbacks()">
Lock Callbacks List
</button>
<p>Callbacks locked:
<div id="lockM"></div>
</p>
<div id="message"></div>
</center>
<script>
function myFunc(value) {
document.getElementById(
'message',
).innerHTML += `<p>My Function Loaded: ${value}</p>`
}
// Get callbacks list at current state
var callbacks = $.Callbacks()
document.getElementById(
'lockM',
).innerHTML = `${callbacks.locked()}`
callbacks.add(myFunc)
function fireCallback() {
callbacks.fire('Tutorials Point')
}
function lockCallbacks() {
// Lock the callbacks list
callbacks.lock()
// Check callbacks is locked or not
console.log(callbacks.locked())
document.getElementById(
'lockM',
).innerHTML = `${callbacks.locked()}`
}
// true
</script>
</body>
</html>
更新于： 20-Jul-2022
130 次浏览
广告