点击按钮没有反应?不能切换div里面的文字 如果只保留两个就可以实现切换

来源:6-4 使用toggle()方法绑定多个函数

慕雪8029794

2016-07-15 18:05

<!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).text("123");

                    },function(){

                        $(this.text("456");

                    });

                })

            });

        </script>

    </body>

</html>


写回答 关注

2回答

  • 盘旋而上一飞冲天
    2016-07-20 23:20:11

    $("#btntest").toggle(

                                function(){

                                    $("div").html("123");

                                },

                                function(){

                                    $("div").html("456");

                                }

                            )

    toggle()默认绑定的就是单击事件

  • 慕妹4132594
    2016-07-15 20:15:20

    $(this).text("456");  你括号少打了个

    慕雪8029...

    对不起,我这个是少打了个,可能是我调试代码的时候马虎了,但是我之前写的是对的,就算加上括号还是不行,不知道是慕课网编辑器的问题还是我的问题,还是希望有人能解答下我的这个问题。

    2016-07-19 11:30:09

    共 1 条回复 >

jQuery基础课程

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

154706 学习 · 7289 问题

查看课程