栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

jQuery单击/在两个功能之间切换

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

jQuery单击/在两个功能之间切换

jQuery有两个称为的方法

.toggle()
。在另一个 [文件]
不正是你想要的click事件。

注意: 似乎至少从 jQuery 1.7开始 ,此版本

.toggle
弃用
,可能正是出于这个原因,即存在两个版本。利用
.toggle
改变元素的知名度仅仅是一个更常见的用法。该方法已 在jQuery 1.9
删除

下面是一个示例,说明了如何实现与插件相同的功能(但可能会暴露与内置版本相同的问题(请参阅文档的最后一段))。


(function($) {    $.fn.clickToggle = function(func1, func2) {        var funcs = [func1, func2];        this.data('toggleclicked', 0);        this.click(function() { var data = $(this).data(); var tc = data.toggleclicked; $.proxy(funcs[tc], this)(); data.toggleclicked = (tc + 1) % 2;        });        return this;    };}(jQuery));

演示

(免责声明:我不是说这是最好的实现!我敢打赌,可以在性能方面进行改进)

然后调用:

$('#test').clickToggle(function() {       $(this).animate({        width: "260px"    }, 1500);},function() {    $(this).animate({        width: "30px"    }, 1500);});

更新2:

同时,我为此创建了一个合适的插件。它接受任意数量的功能,并可用于任何事件。可以在GitHub上找到它。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/442126.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号