Bootstrap jquery toggle 无效的解决办法
2016-08-17 00:00
846 查看
【问题】:其实这个jquery的toggle无效跟Bootstrap没什么关系,但是事情是酱紫的。最近在使用Bootstrap这个前端框架,发现:原来的jquery的事件切换toggle无效了,出现了初始化动画隐藏起来了。
【结论】Bootstrap这个前端框架引用的是jquery 1.9版本,而jquery 1.9版本已经删除了toggle事件切换功能。
【解决办法:用 if 判断语句做。】
【复杂的事情简单说,快速解决问题,是我博客的风格。感谢您的阅读~】
$(".left-title-otoc").toggle( function () { $(this).next().slideUp(); }, function () { $(this).next().slideDown(); } );
【结论】Bootstrap这个前端框架引用的是jquery 1.9版本,而jquery 1.9版本已经删除了toggle事件切换功能。
【解决办法:用 if 判断语句做。】
$('.left-title-otoc').click(function(){ if($(this).next().is(":visible")) { $(this).next().slideUp(); } else{ $(this).next().slideDown(); }; })
【复杂的事情简单说,快速解决问题,是我博客的风格。感谢您的阅读~】
相关文章推荐
- SlickGrid 样式在 JQueryUI Accordion 和 Bootstrap框架的兼容性解决办法
- jQuery 1.9/2.0/2.1及其以上 on 无效的解决办法
- 【jquery】toggle不支持事件代理的解决办法或者 jquery live绑定toggle
- jquery uploadify 在FF下无效的解决办法
- iOS中jQuery 的delegate 事件监听无效解决办法
- 关于jquery $符号在IE下无效的解决办法
- 使用EVAL处理jqchart jquery 折线图返回数据无效的解决办法
- jQueryUI modal dialog does not show close button (x) JQueryUI和BootStrap混用时候,右上角关闭按钮显示不出图标的解决办法
- JQuery slideToggle闪烁问题及解决办法
- toggle不支持事件代理的解决办法: jquery live绑定toggle/live绑定toggle的方法
- BootStrap日期控件在模态框中选择时间下拉菜单无效的原因及解决办法(火狐下不能点击)
- 关于jquery $符号在IE下无效的解决办法
- jQuery 1.9/2.0/2.1及其以上 on 无效的解决办法
- toggle不支持事件代理的解决办法或者 jquery live绑定toggle
- jQuery 1.9/2.0/2.1及其以上 on 无效的解决办法
- 使用EVAL处理jqchart jquery 折线图返回数据无效的解决办法
- 关于下拉框option在IE下jquery方法hide()无效的解决办法
- jquery uploadify 在FF下无效的解决办法
- VS2005.NET提示"试图运行项目时出错,无法启动调试,绑定句柄无效"解决办法
- vs2005 调试时出现“无法附加。绑定句柄无效”的解决办法