JQuery slideToggle闪烁问题及解决办法

近期进行的一个项目中，对侧边的菜单栏进行操作，为了达到缓慢隐藏或者出现的效果，选择使用jquery的slideToggle()方法。但是发现效果表现并不理想。在单个案例中，可以像在http://www.w3school.com.cn/中的效果。放在项目的代码中时，尤其下拉菜单关闭时，会在关闭的末尾，突然复现一下，造成侧边栏上下跳动的现象，很明显，这样的效果是需要改进的。

在网上搜索了一下相关问题，发现有解决的方案，在此进行记录，以便以后遇到类似问题，提供解决的可能。

解决方案如下：

在index.html启动文件中，将

<!DOCTYPE html>

修改为

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

这样就完成了。该行代码的用途在于声明标准的W3C标准。

JQuery slideToggle闪烁问题及解决办法相关推荐

ECSHOP中transport.js和jquery的冲突的简单解决办法
ECSHOP中transport.js和jquery的冲突的简单解决办法一流资源网近日在ECSHOP网站加入了几个JS特效代码,在谷歌.火狐下正常,在各版本IE下都不常,左思不得其解. 最后才知道原 ...
FANUC机器人UO【7】At Perch机器人就位信号闪烁问题的解决办法
关于FANUC机器人UO[7]At Perch机器人就位信号闪烁问题的解决办法 Fanuc机器人系统可以定义十个参考位置,当机器人位于第一个参考位置时,该信号输出为ON.这是说明书上对于UO[7]At ...
光标闪烁问题的解决办法
在调用Windows API函数SetCursor设置光标时,可能会碰到闪烁的问题:移动鼠标,光标在Class Cursor(即注册窗口类时指定的Cursor)与预设Cursor之间闪烁. 在MSDN ...
Win32关于调整窗口大小时，窗口闪烁问题及解决办法
先来谈谈闪烁产生的原因 : 原因一: 如果熟悉显卡原理的话,调用GDI函数向屏幕输出的时候并不是立刻就显示在屏幕上只是写到了显存里,而显卡每隔一段时间把显存的内容输出到屏幕上,这就是刷新周期. 一般 ...
python 程序化交易信号闪烁_程序化交易模型的信号闪烁问题及解决办法
来源:雪球App,作者: 高低之间_简单价投,(https://xueqiu.com/2853948193/86030837) 1.程序化交易模型的信号闪烁问题所谓信号闪烁,是指程序化交易模型在图表 ...
win10一按右键就闪屏_升级Win10正式版后屏幕一直闪烁正确的解决办法
Win10正式版屏幕一直闪烁怎么办呢?升级到Win10正式版并进入Windows桌面后,发现屏幕一直不断的闪烁,此时无法执行任务操作.小编最近在升级到Win10正式版后才遇到了这个问题,后台经过反复思 ...
黄聪：Discuz自制模板带jquery时与discuz本身冲突解决办法
由于JQuery的效果很好,在制作模板时难免会用到各种jquery效果.可是做过模板的人就会发现加上自己的juery代码后,discuz自带的一些下拉功能就不可以使用了,其实原因就是discuz和JQ ...
[MFC] 界面闪烁若干种解决办法
界面闪烁原因,可以参考这里总结了工作中使用过的如下几种方法 ,具体原理就不说了,如果有相应的UI开发经验应该很容易懂,不懂的话根据我提供的关键字自己搜索一下具体原理. 1.双缓冲这个是最基本的 ...
DataGridView减少闪烁的解决办法
https://baike.baidu.com/item/%E4%BC%81%E4%B8%9A%E4%BF%A1%E6%81%AF%E5%8C%96/613412?fr=aladdin 如果编译器文件 ...

JQuery slideToggle闪烁问题及解决办法

JQuery slideToggle闪烁问题及解决办法相关推荐

最新文章

热门文章