資料結構
網路
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.jquery.com/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.jquery.com/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 次瀏覽
廣告