亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

為什么這樣寫不行呀?

<!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()之前我是按照上面那樣寫的, 但是為什么沒有反應? 求大家給解釋一下

正在回答

3 回答

哈哈童鞋這是老師隨口說的一個的順口溜,8

0 回復 有任何疑惑可以回復我~

因為你的代碼里面是div這個元素調用了toggle()方法,所以點擊button這個元素是沒有效果的,樓上那位的代碼里面就是button元素調用了toggle()方法,所以是可以的,你對比一下看一看

0 回復 有任何疑惑可以回復我~
#1

qq_過去_3

不好意思,我看錯了。。。應該是toggle()這個方法有兩個功能,一個是顯示隱藏和顯示的切換,另一個是可以綁定多個函數,這種功能也可以通過show()和hide()實現第一個功能
2016-06-05 回復 有任何疑惑可以回復我~

教程中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>

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
jQuery基礎課程
  • 參與學習       154733    人
  • 解答問題       7289    個

加入課程學習,有效提高前端開發速度

進入課程

為什么這樣寫不行呀?

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號