程式師世界 >> 編程語言 >> 更多編程語言 >> 編程綜合問答 >> 事件-關於jQuery的toggle方法

事件-關於jQuery的toggle方法

編輯：編程綜合問答

關於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>

請問這段問題在哪？出不了效果，新手求救求指點！多謝！！~

最佳回答：

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","https://www.aspphp.online/bianchen/UploadFiles_4619/201701/2017010614495078.jpg"); $("img").attr("title",this.src);} ); });