JQuery中toggle被淘汰后的替代方法

本文介绍了一种在手机端不支持toggle()方法时的替换方案,并提供了两种替换方法的示例代码,帮助开发者解决在不同设备上遇到的兼容性问题。
部署运行你感兴趣的模型镜像

      今天使用toggle()方法的多函数切换功能来实现时间控件的开关切换效果,在浏览器浏览效果正常,在手机端页面就无法加载出来,估计是toggle()在手机端无法支持,使用以下方式解决。

        使用toggle():        // 为输入框添加click事件
        $('#' + this.inputId).toggle(
          function(){
    __method.init();
       __method.show(false, __method);
       return false;
          },
            function(){
        __method.close();
        return false;
            },
        );


使用替代方法后: // 为输入框添加click事件
    var clickNum = 0
    $('#' + this.inputId).click(function(){
     	if(clickNum == 0){
     		__method.init();
	        __method.show(false, __method);
	        clickNum = 1;
	        return false;
     	}else{
     		 __method.close();
     		 clickNum = 0;
        	return false;
     	};
    });

在最新的jQuery的程序库中jquery-2.2.3.js中已经有好几个函数被替换到了。应该说版本过1.8或1.9时就淘汰了。 

如:
  1. .live() 1.9以上被淘汰。 替代函数:.on()。
  2. .die() 1.9以上被淘汰。 替代函数:.off()。
  3. .size() 1.8以上被淘汰。替代函数:.length。
  4. .toggle() 1.8以上被淘汰。

    对于toggle,一般都会用if进行替换。 
    如正常用toggle:

$(".one .top").toggle(
        function (){
             $(".content").show(1500);
             $(".iocn").addClass("jian");

        },
        function (){
             $(".content").hide("slow");
               $(".iocn").addClass("jia");

        }
        );


替换方法一:

$(".one .top").click(function() {
            if($(".content").css("display")=="none"){
                 $(".content").show(1500);
                 $(".iocn").addClass("jian");
            }else {

                 $(".content").hide("slow");
                 $(".iocn").addClass("jia");
            }

        });


当然上面的替换方法有局限性。替换方法二:if语句。

var i=0;
        $(".one .top").click(function() {
            if(i==0){
                 $(".content").hide("slow");
                 $(".iocn").addClass("jia");
                 i=1;
            }else  {
                 $(".content").show(1500);
                 $(".iocn").addClass("jian");
                 i=0;
            }

        });

您可能感兴趣的与本文相关的镜像

Stable-Diffusion-3.5

Stable-Diffusion-3.5

图片生成
Stable-Diffusion

Stable Diffusion 3.5 (SD 3.5) 是由 Stability AI 推出的新一代文本到图像生成模型,相比 3.0 版本,它提升了图像质量、运行速度和硬件效率

评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值