天堂的鸽子
2015-01-13 16:13
采纳率: 50%
浏览 1.8k
已采纳

关于jQuery的toggle方法

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
     <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
     <title>切换事件toggle(未实现)</title>
     <script type="text/javascript"
             src="../第一章/jquery-2.1.3.min.js">
     </script> 
     <script type="text/javascript">
             $(function(){
                   $("img").toggle(function(){
                        $("img").attr("src","Image/image01.jpg");
                        $("img").attr("title",this.src);
                    },function(){
                        $("img").attr("src","Image/image02.jpg");
                        $("img").attr("title",this.src);
                    },function(){
                        $("img").attr("src","Image/image03.jpg");
                        $("img").attr("title",this.src);
                    })
             })
     </script>
</head>

<body>
     <img />
</body>
</html>

请问这段问题在哪?出不了效果,新手求救求指点!多谢!!~

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

4条回答 默认 最新

  • 夏天的甲虫 2015-01-15 03:57
    已采纳

    1、你的jquery框架版本太高了,toggle()只适用jQuery 1.0 - jQuery 2.0
    2、toggle()方法要点击选中的对象才触发执行,你的img一开始没有src引入图片,没有出发点怕是不行啊;

    这样点击图片是可以的
    <!DOCTYPE html>



    toggle $(document).ready(function(){ $("img").toggle(function(){ $("img").attr("src","BB2.jpg"); $("img").attr("title",this.src);}, function(){ $("img").attr("src","BB3.jpg"); $("img").attr("title",this.src);}, function(){ $("img").attr("src","BB1.jpg"); $("img").attr("title",this.src);} ); });



    点赞 评论
  • danielinbiti 2015-01-13 16:19

    最后一个function少个”}“吧
    this.src)**}**;
    })
    })

    点赞 评论
  • xuzuning 2015-01-14 01:37

    你那写的是什么?

     $(function(){
      $("img").toggle(function(){
        $("img").attr("src","Image/image01.jpg");
        $("img").attr("title",this.src);
      },function(){
        $("img").attr("src","Image/image02.jpg");
        $("img").attr("title",this.src);
      },function(){
        $("img").attr("src","Image/image03.jpg");
        $("img").attr("title",this.src);
      })
    })
    
    
    点赞 评论
  • 你那样绑定需要点击图片才会执行toggle事件切换图片

    点赞 评论

相关推荐 更多相似问题