快捷導(dǎo)航

jQuery.holdReady()方法用法實例

更新時間：2014年12月27日 10:24:05 投稿：shichen2014

這篇文章主要介紹了jQuery.holdReady()方法用法,以實例形式分析了holdReady()方法在暫停或者恢復(fù)jQuery.ready()事件的使用技巧,具有一定的參考借鑒價值,需要的朋友可以參考下

本文實例講述了jQuery.holdReady()方法用法。分享給大家供大家參考。具體分析如下：

此方法可以暫?；蛘呋謴?fù)jQuery.ready()事件。
調(diào)用此方法可以延遲jQuery的ready事件，也就是說盡管文檔已經(jīng)加載完成，也不會執(zhí)行ready事件處理方法。
可以多次調(diào)用jQuery.holdReady()方法，以延遲jQuery的ready事件，當(dāng)滿足一定條件時，再通過將此方法的參數(shù)設(shè)置為false，一一解除延遲。方法一般用于動態(tài)腳本加載，知道腳本加載完成然后再通過將此方法的參數(shù)設(shè)置為false，解除對jQuery.ready()事件延遲。

語法結(jié)構(gòu):

復(fù)制代碼代碼如下:

jQuery.holdReady(hold)

參數(shù)列表:

參數(shù)	描述
hold	如果值為true，則會延遲jQuery.ready()事件。如果值為false，則會解除對jQuery.ready()事件延遲。

如果值為false，則會解除對jQuery.ready()事件延遲。

實例代碼:

實例一:

復(fù)制代碼代碼如下:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="http://m.fzitv.net/" /> 

<title>腳本之家</title> 

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> 

<script type="text/javascript"> 

jQuery.holdReady(true); 

$(document).ready(function(){ 

  alert("我不會被彈出"); 

}) 

</script> 

</head> 

<body> 

</body> 

</html>

在以上代碼中，由于添加了 jQuery.holdReady(true)，所以盡管文檔加載完成，也不會執(zhí)行ready()中的函數(shù)。
實例二:

復(fù)制代碼代碼如下:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="http://m.fzitv.net/" />

<title>腳本之家</title> 

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> 

</head> 

<body> 

<button id="first">點擊測試彈出</button>

<button id="second">解除延遲</button> 

<script type="text/javascript"> 

jQuery.holdReady(true)  

$(document).ready(function(){ 

  $("#first").click(function(){ 

    alert("我不會被彈出"); 

  }) 

}) 

$("#second").click(function(){ 

  jQuery.holdReady(false); 

}) 

</script>

</body> 

</html>