1. 程式人生 > >jQuery中togger總結(小疑問)

jQuery中togger總結(小疑問)

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
	function f(){
		alert('laji');
	}
  $("button").click(function(){
    $("p").toggle('slow',f());//--------------------------------------------------------------------------------------------
  });
});
</script>
</head>
<body>

<button>隱藏/顯示</button>
<p>這是一個文字段落。</p>
<p>這是另外一個文字段落。</p>
<p>這是第三個文字段落。</p>
</body>
</html>

以上的寫法,在彈出呼叫toggle的時候,先呼叫彈出框,只會有一次彈出框,然後再呼叫toggle。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
	function f(){
		alert('laji');
	}
  $("button").click(function(){
    $("p").toggle('slow',f);//---------------------------------------------------------------------------------------------------
  });
});
</script>
</head>
<body>

<button>隱藏/顯示</button>
<p>這是一個文字段落。</p>
<p>這是另外一個文字段落。</p>
<p>這是第三個文字段落。</p>
</body>
</html>
這種寫法會先呼叫toggle,然後呼叫三次彈出框,這裡要注意,細節,不知道是不是bug。