為什么這樣寫不行呀?
<!DOCTYPE?html>
<html?xmlns="http://www.w3.org/1999/xhtml">
????<head>
????????<title>toggle()方法綁定多個函數</title>
????????<script?src="http://libs.baidu.com/jquery/1.8.2/jquery.js"?type="text/javascript"></script>
????????<link?href="style.css"?rel="stylesheet"?type="text/css"?/>
????</head>
????<body>
????????<h3>toggle()方法綁定多個函數</h3>
????????<input?id="btntest"?type="button"?value="點一下我"?/>
????????<div>我是動態顯示的</div>
????????
????????<script?type="text/javascript">
????????????$(function?()?{
????????????????$("#btntest").bind("click",?function?()?{
????????????????????$("div").toggle(function(){
????????????????????????$(this).hide();
????????????????????},?function(){
????????????????????????$(this).show();
????????????????????});
????????????????})
????????????});
????????</script>
????</body>
</html>在了解空參toggle()之前我是按照上面那樣寫的, 但是為什么沒有反應? 求大家給解釋一下
2022-03-24
哈哈童鞋這是老師隨口說的一個的順口溜可以,只不過你指明了數組的長度是8;
2016-06-05
因為你的代碼里面是div這個元素調用了toggle()方法,所以點擊button這個元素是沒有效果的,樓上那位的代碼里面就是button元素調用了toggle()方法,所以是可以的,你對比一下看一看
2016-06-04
教程中toggle()的定義: "toggle()方法可以在元素的click事件中綁定兩個或兩個以上的函數", 所以15行不用再綁定click事件. 修改你的代碼如下
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
? ? <head>
? ? ? ? <title>toggle()方法綁定多個函數</title>
? ? ? ? <script src="http://libs.baidu.com/jquery/1.8.2/jquery.js" type="text/javascript"></script>
? ? ? ? <link href="style.css" rel="stylesheet" type="text/css" />
? ? </head>
? ? <body>
? ? ? ? <h3>toggle()方法綁定多個函數</h3>
? ? ? ? <input id="btntest" type="button" value="點一下我" />
? ? ? ? <div>我是動態顯示的</div>
? ? ? ? ?
? ? ? ? <script type="text/javascript">
? ? ? ? ? ? $(function(){
? ? ? ? ? ? ? ? ? ? $("#btntest").toggle(function(){
? ? ? ? ? ? ? ? ? ? ? ? $("div").hide();
? ? ? ? ? ? ? ? ? ? }, function(){
? ? ? ? ? ? ? ? ? ? ? ? $("div").show();
? ? ? ? ? ? ? ? ? ? });
? ? ? ? ? ? });
? ? ? ? </script>
? ? </body>
</html>