                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

为什么这样写不行呀?

<!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()之前我是按照上面那样写的, 但是为什么没有反应? 求大家给解释一下

Zhenyu1990

2016-06-04

源自：jQuery基础课程 6-4

关注问题我要回答

754

操作

收起

3 回答

慕移动9181930
2022-03-24

哈哈童鞋这是老师随口说的一个的顺口溜可以，只不过你指明了数组的长度是 8 ；

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

qq_过去_3
2016-06-05

因为你的代码里面是div这个元素调用了toggle()方法，所以点击button这个元素是没有效果的，楼上那位的代码里面就是button元素调用了toggle()方法，所以是可以的，你对比一下看一看

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

#1

不好意思，我看错了。。。应该是toggle()这个方法有两个功能，一个是显示隐藏和显示的切换，另一个是可以绑定多个函数，这种功能也可以通过show()和hide()实现第一个功能

2016-06-05 回复有任何疑惑可以回复我~

光年觉醒
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>

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

举报

0/150

提交

取消

jQuery基础课程

参与学习 154761 人
解答问题 7184 个

加入课程学习，有效提高前端开发速度

为什么这样写不行呀?

我要回答关注问题

意见反馈帮助中心 APP下载