`
smiky
  • 浏览: 257740 次
  • 性别: Icon_minigender_1
  • 来自: 天门
社区版块
存档分类
最新评论

jquery ui accordion div的高度会缩小及出现滚动条

阅读更多
jquery ui accordion在IE6(chrome,safari,ff无问题)下发生div大小变化,点击一次变小一点,到一定程度后又变大,查了半天资料找不到原因,于是将
jquery ui自带的demo修改了一下在IE6下进行测试,发现一点问题也没有,于是比较我的html页面与demo中html的差别,发现
问题出在doctype上面了,demo中是这样的<!DOCTYPE html>,而我的html中是这样的<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">,
测试了下面四种doctype,发现只有<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">不行,其它几个都OK


下面的例子演示了如何使用 !DOCTYPE 声明指定文档遵从的 DTD,并将 Internet Explorer 6 及更高版本切换到标准兼容模式。
下面例子中的声明都指定了遵从 HTML 4.0 DTD。第二种声明指定了“Strict”。第一种声明没有指定。
这两种声明都将会把 Internet Explorer 6 及以后版本切换到标准兼容模式。
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN">
下面例子中的声明都指定了遵从“Transitional”HTML 4.0 DTD。第二种声明指定了 DTD 的 URL。第一种声明没有指定。
第二种声明将会把 Internet Explorer 6 及以后版本切换到标准兼容模式。第一种声明不会。
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
分享到:
评论

相关推荐

    jquery UI accordion 菜单折叠

    jQuery UI Accordion是一款非常流行的JavaScript库,用于创建交互式的折叠菜单。这个组件使得网页内容能够以一种有序且节省空间的方式展现,用户可以逐个展开或关闭各个部分,从而提高用户体验。在本文中,我们将...

    jquery ui accordion手风琴插件带动画的竖直手风琴

    除了基本配置,jQuery UI Accordion 还提供了一些其他可选参数,例如 `icons` 可以设置展开和折叠状态的图标,`event` 可以自定义触发展开/折叠的事件,`heightStyle` 控制 Accordion 的高度策略等。通过灵活地调整...

    jquery.accordion源码

    其中,jQuery UI中的Accordion组件是一种常见的交互元素,它将多个内容区块折叠在一个有限的空间内,用户可以逐个展开查看。本文将深入探讨jQuery Accordion的源码,帮助开发者理解其工作原理,以便于自定义和优化。...

    JQuery UI 中文帮助文档

    **jQuery UI 中文帮助文档详解** jQuery UI 是一个基于 jQuery JavaScript 库的开源项目,它提供了丰富的用户界面组件,使得开发者能够轻松创建交互性强、视觉效果美观的网页应用。这个中文帮助文档是针对jQuery UI...

    jquery accordion 菜单折叠效果

    首先,jQuery Accordion是jQuery UI库的一部分,它提供了一种优雅的方式来展示内容,特别是当内容过多时。这种效果将多个区块堆叠在一起,每次只显示一个区块的内容,其余则保持折叠状态。通过点击标题,可以展开或...

    jQuery UI组件 jQuery UI

    jQuery UI 包含了大量的预设样式和功能,这些组件易于定制且兼容性广泛,支持多种浏览器,包括IE6及以上版本。 ### 主要组件 1. **Tabs(选项卡)**:jQuery UI 提供了方便的选项卡组件,可以将内容分隔成多个部分...

    jquery-ui.css、jquery-ui.js下载

    例如,要创建一个对话框,只需简单调用`.dialog()`方法,jQuery UI会自动处理剩下的布局、事件绑定和动画效果。 jQuery UI的组件丰富多样,例如: 1. **Dialogs** - 提供模态和非模态对话框,用于展示信息、警告或...

    jquery-ui包含功能演示及代码

    jQuery UI 是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序。 编辑本段组件构成  jQuery UI ...

    jquery Accordion 收缩展开的多级导航

    jQuery Accordion是一款非常流行的JavaScript库,它主要用于创建交互式的折叠面板,常用于网站的导航菜单、FAQs或任何需要组织成可展开/折叠内容的场景。这个组件是jQuery UI库的一部分,提供了优雅的动画效果和易用...

    jQuery UI以及jQuery easy-ui技术手册

    - **组件介绍**:jQuery UI 包含了大量的UI组件,如Dialog(对话框)、Accordion(手风琴效果)、Tabs(标签页)、Slider(滑块)、DatePicker(日期选择器)等,它们都具有高度定制性,能够适应各种设计需求。...

    jQuery UI Autocomplete是jQuery UI的自动完成组件

    在lwme-jqueryui-demo这个压缩包中,可能包含了多个示例文件,它们展示了Autocomplete的不同用法和配置,可以帮助开发者更好地理解和运用这个组件。通过学习这些示例,你可以掌握如何根据项目需求灵活定制...

    很强大的jQuery UI

    jQuery UI 是一个基于 jQuery JavaScript 库的开源框架,它提供了丰富的用户界面组件和交互效果,如拖放功能、对话框、日历、滑块、进度条等。这个库旨在简化网页开发,帮助开发者快速构建功能完备且用户体验良好的...

    ,jqueryui jquery ui包 效果不错,只是为了自己保存

    **jQuery UI:一个强大的前端开发工具包** jQuery UI是一个基于jQuery JavaScript库的扩展,它提供了一整套可交互的用户界面组件,包括对话框、拖放功能、日期选择器、进度条、排序列表等。这个名为"jquery-ui-...

    前端项目-jqueryui-touch-punch.zip

    由于原生的jQuery UI主要设计用于鼠标操作,因此在触摸设备上可能会出现一些功能不兼容的问题。Touch Punch通过将触摸事件转换为模拟的鼠标事件,解决了这个问题,使得开发者无需对代码进行大规模修改就能使其在多...

    jQueryUI V1.12.1

    5. **布局(Layout)**:jQueryUI的Resizable和Accordion等功能可以帮助开发者创建灵活的布局结构,适应不同的屏幕尺寸和设备类型,从而实现响应式设计。 6. **兼容性**:jQueryUI V1.12.1与jQuery V1.12.4的搭配...

    jquery-ui.min.js

    这个文件包含了jQuery UI的所有核心组件,如对话框(Dialog)、拖放(Draggable)、可排序(Sortable)、可折叠(Accordion)、时间选择器(Datepicker)等,以及众多动画效果和实用工具函数。由于进行了压缩,代码...

    jquery UI组件集合

    《jQuery UI组件集合详解》 jQuery UI 是一个基于 jQuery JavaScript 库的用户界面插件集,它提供了丰富的交互效果和可自定义的主题,使得开发者能够更轻松地创建出美观、功能丰富的网页应用。这个组件集合涵盖了...

    jQuery UI仿webqq桌面系统WebOS界面操作

    jQuery UI是一个强大的JavaScript库,它扩展了基础的jQuery功能,提供了丰富的用户界面组件,如对话框(Dialog)、拖放(Draggable)、可排序(Sortable)和可折叠(Accordion)等。在这个项目中,jQuery UI被用来...

    JQUERY UI 开发指南源码

    jQuery UI的核心是其组件系统,这些组件包括但不限于:`accordion`(手风琴)、`autocomplete`(自动完成)、`datepicker`(日期选择器)、`dialog`(对话框)、`draggable`(可拖动)、`droppable`(可放置)、`...

    jQueryUI API文档资料

    1. **组件(Widgets)**:jQuery UI的核心在于它的组件,这些组件是预先封装好的UI元素,如Accordion(手风琴)、Autocomplete(自动完成)、Button(按钮)、Calendar(日历,即日期选择器)、Dialog(对话框)、...

Global site tag (gtag.js) - Google Analytics