                        课程
                    
                        /前端开发
                        
                            /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 () {
                $("div").bind("click", function () {
                    $("div").toggle(function(){
                        $(this).html("123");
                    },function(){
                        $(this).html("456");
                    });
                })
            });
        </script>
    </body>
</html>

NicoCj

2016-02-23

源自：jQuery基础课程 6-4

关注问题我要回答

426

操作

收起

4 回答

慕課君
2016-03-23

可以实现例子的效果，只是你把重点放在了按钮上，所以自然就没有发现效果，首先你把按钮绑定了点击事件，你点按钮时，它只是激发了下面展示区的函数，你在点按钮是看不到效果的，如果你在点击完按钮后，在点击展示区域，切换的效果就出现了，是的，只有在点击完按钮，激活展示区，在点击展示区才会出现切换效果。如果你一直点击按钮，抱歉，你能看到的是毫无变化（但其实是有变化的，就是激活了toggle函数），如果你不点击按钮，点击展示区的话，一点效果都没有。