`

解决Jquery 树型菜单折叠时有闪动的问题

 
阅读更多

昨天从网下了一个树型菜单的插件用在我的项目中,Demo是用html文件写的,演示一切正常,但是放在我的JSP文件中后,却出现了一个很小的遗憾,菜单在折叠时出现闪动,就是在菜单折叠后的一瞬间,迅速的展开又折叠,不是很明显,但仔细的话,还是能看出来。

比较了一下html和jsp发现有一点区别:

jsp 页面中:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

 

html页面中:

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

 

将html中的文档声明覆盖掉JSP中的声明就解决了菜单的闪动问题。

分享到:
评论

相关推荐

    jQuery地区树型菜单选择插件

    《jQuery地区树型菜单选择插件深度解析》 在网页设计和开发中,用户界面的交互性和用户体验至关重要。为了提供更加便捷的操作,开发者们经常利用各种JavaScript库和框架,其中jQuery是一个广泛使用的库,它简化了...

    jQuery树型多级手风琴菜单代码

    这包括字体、颜色、边距、背景色等,以及过渡效果,使得菜单项在展开和折叠时有平滑的动画效果。比如,可以设置`transition: all 0.3s ease;`来定义0.3秒的过渡时间,使动画更流畅。 最后,"js"文件夹中的...

    jQuery实现树型多级折叠手风琴菜单特效源码.zip

    总之,"jQuery实现树型多级折叠手风琴菜单特效源码.zip"是一个很好的学习资源,它涵盖了jQuery的核心特性,有助于提升开发者在网页交互和动态效果方面的技能。对于希望优化网站导航或者创建直观用户界面的前端工程师...

    jquery树型

    当我们谈论“jQuery树型”时,我们指的是利用jQuery来创建和操作树形数据结构的用户界面。树型结构通常用于展现层次化信息,如文件系统、组织结构或导航菜单。在网页应用中,它可以帮助用户更直观地理解和操作复杂的...

    JQuery树型菜单 zTree v2.6 beta

    通过以上介绍,我们可以看到 jQuery zTree v2.6 beta 在树型菜单的实现上具有很高的灵活性和可扩展性,适用于各种需要展示层级关系的场景,如网站导航、文件管理、组织架构展示等。开发者可以根据实际需求,结合 API...

    简单好用的JS树型菜单

    在实际应用中,我们可以使用现有的库或框架,如jQuery Treeview、Angular Material的Tree组件、Vue的Element UI等,它们已经封装了上述功能,使开发者能更快速地构建树型菜单。 总结来说,“简单好用的JS树型菜单”...

    jquery树型可收缩导航菜单.zip

    "jQuery树型可收缩导航菜单"是一个常见的需求,特别是在构建网站或应用的导航系统时。这个压缩包中的资源很可能包含了一个使用jQuery库实现的可展开/折叠的树形菜单示例。接下来,我们将深入探讨相关知识点。 首先...

    超酷多种风格树型菜单效果

    每种风格都有其独特的设计理念和美学价值,设计师可以根据网页的整体设计风格和品牌形象来选择合适的树型菜单样式。 实现这些“超酷多种风格树型菜单效果”通常依赖于JavaScript库和CSS框架。如压缩包中的“dhtml-...

    精美的ajax树型菜单

    【标题】"精美的ajax树型菜单" 描述了一个利用AJAX技术实现的交互式树状菜单,这种菜单设计能够提供动态加载数据的功能,提升用户体验。在网页设计中,树型菜单通常用于组织大量层级结构的数据,使得用户可以便捷地...

    jQuery树型手风琴菜单代码.zip

    本项目“jQuery树型手风琴菜单代码”旨在实现一个交互式的、可折叠的菜单,常用于网站的导航结构,以节省页面空间并提供良好的用户体验。下面将详细介绍这个项目的实现原理、涉及的技术点以及相关的前端知识点。 1....

    多个简单漂亮的树型菜单JS代码

    jQuery Treeview插件则专门用于创建树型菜单,提供了一套完整的解决方案,包括CSS样式和JavaScript函数。 使用jQuery Treeview的步骤通常包括以下几步: 1. **引入依赖**:在HTML文件中引入jQuery库和jQuery ...

    树型菜单的

    5. **样式设计**:为了提供良好的用户体验,树型菜单需要有明确的视觉指示,比如用箭头表示展开/折叠状态,使用不同的颜色或图标区分不同级别的节点等。CSS可以帮助我们定制这些样式。 6. **可访问性**:考虑到无...

    jQuery树型多级手风琴菜单代码.zip

    **jQuery树型多级手风琴菜单代码详解** 在网页设计中,为了更好地组织和展示大量信息,常常会使用到树形结构的菜单。手风琴菜单是一种常见且高效的交互方式,它允许用户展开和折叠各个层级的内容,既节省空间又方便...

    无限级可刷新Js树型菜单

    无限级可刷新Js树型菜单是一种常见的前端交互设计,它在网页应用中广泛用于展示具有层级关系的数据,如目录结构、组织架构、导航菜单等。这种菜单的特点是它可以无限制地展开子节点,同时支持动态刷新,即在用户操作...

    java 树型菜单建立

    在Java编程中,树型菜单是一种常见的用户界面元素,它以层次结构展示数据,便于用户进行导航和操作。本文将详细讲解如何使用Java来构建一个动态的、可交互的树型菜单,包括从数据库获取数据、创建树节点、实现添加和...

    jQuery上下收缩滑动树型菜单代码

    "jQuery上下收缩滑动树型菜单代码"是一个利用jQuery实现的动态菜单功能,它允许用户通过点击来展开或收起树型菜单的子节点,从而提供更直观且友好的导航体验。 该代码的核心在于利用jQuery的事件监听和DOM操作功能...

Global site tag (gtag.js) - Google Analytics