在切换方法中未触发步骤选项
在切换方法中未触发步骤选项
提问于 2014-05-02 14:31:20
我正在尝试创建一个滑动菜单，使用toggle()方法，但在滑入视图时需要调用一个函数(它与div height交互)。为此，我使用了step选项(如文档中所示)来调用此函数，该函数很快就会开始滑动。我做了很多测试，这个选项似乎不适用于toggle()。
我试着用同样的调用来使用animate()，它工作得很好…？
我在这里做了一个简单的小提琴( JSFiddle )来说明这个问题。
我已经在最新版本的IE和Chrome1.11.0版本的jQuery上试用过了
// This is for toggle method
$(document).on("click", "#toggle", function(){
$("#menu").toggle({effect: "slide", direction: "left", width: "show", step: function(){
if ($("#menu").hasClass("open")){ //***** THIS IS NEVER EXECUTED
$("#menu").removeClass("open");
$(this).css("background-color", "red");
} else{
$("#menu").addClass("open");
$("#menu").css("background-color", "green");
}
}
}) ;
});回答 1
Stack Overflow用户
发布于 2014-05-02 14:38:28
小提琴中的代码没有正确地包含在括号中(步骤在另两个{}中)；因此选项没有正确传递给切换函数。
代码：
// This is for toggle method
$(document).on("click", "#toggle", function(){
$("#menu").toggle({effect: "slide", direction: "left", width: "show", step: function(){
if ($("#menu").hasClass("open")){ //***** THIS IS NEVER EXECUTED
$("#menu").removeClass("open");
$(this).css("background-color", "red");
} else{
$("#menu").addClass("open");
$("#menu").css("background-color", "green");
}
}
}) ;
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/23430612
复制相关文章
![[答疑]系统首先维护的是本质而不是现象](https://ask.qcloudimg.com/http-save/yehe-6288414/0d8113d353cdb2b2536b16c469c1d187.jpg)
点击加载更多
相似问题
安卓系统上ARToolkit多标记的实现
用于安卓系统的ARToolkit演示不起作用
EasyAR本地安卓显示图像而不是视频
ArToolkit、安卓和2D标记
安卓系统中的图像识别ApI
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
