 
<span style="font-size:18px;"><html> 
<head> 
<title></title> 
</head> 
<body> 
<a href="#" id='heihei' onclick="showNext('I am veinei ')">show next</a> 
<a href="#" id="log" style="display:none" >yes,I am the next </a> 
<script type="text/javascript" src="jquery-1.10.2.min.js"></script> 
<script type="text/javascript"> 
function showNext(text){ 
setTimeout("$('#log').show().text(text)",1000); 
} 
</script> 
</body> 
</html> 
</span> 

.show()確實調(diào)用成功了.但是.text()調(diào)用失敗了.console顯示 text未定義.

對于這個問題,我確實沒有找到更好的答案...我想是不是jQuery對這個傳入setTimeout()函數(shù)的內(nèi)容做了修改導(dǎo)致變量失效.

我緊接著做了下一個實驗.

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

 
<span style="font-size:18px;"><html> 
<head> 
<title></title> 
</head> 
<body> 
<a href="#" id='heihei' onclick="showNext('I am veinei ')">show next</a> 
<a href="#" id="log" style="display:none" >yes,I am the next </a> 
<script type="text/javascript" src="jquery-1.10.2.min.js"></script> 
<script type="text/javascript"> 
function showNext(text){ 
setTimeout("alert(text)",1000); 
} 
</script> 
</body> 
</html> 
</span> 

我要看看是不是確實是jQuery出了問題.得到的是同樣的錯誤.

后來找了本書看了看.發(fā)現(xiàn)了問題的所在.

setTimeout() 接受一個字符串參數(shù)時,它執(zhí)行于全局作用域,也就是說,它位于任何函數(shù)之外.最簡單的修復(fù)手段就是使用一個局部函數(shù)(匿名函數(shù))來解決這個問題.

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

 
<span style="font-size:18px;"><html> 
<head> 
<title></title> 
</head> 
<body> 
<a href="#" id='heihei' onclick="showNext('I am veinei ')">show next</a> 
<a href="#" id="log" style="display:none" >yes,I am the next </a> 
<script type="text/javascript" src="jquery-1.10.2.min.js"></script> 
<script type="text/javascript"> 
function showNext(text){ 
setTimeout(function(){$('#log').show().text(text);},1000); 
} 
</script> 
</body> 
</html> 
</span> 