`
xl515331
  • 浏览: 73060 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

JqueryUI datepicker 插件 怪异问题

    博客分类:
  • Web
阅读更多

在一个项目中用到了JqueryUI 1.8 的 datepicker 插件,出现一个怪异问题,留下记录备查.

 

在应用的过程中发现,在IE下面的时候datepicker 插件的加载总是巨慢,FF / chrome 却很正常,我用的是IE6,用IE 下用HttpWtach观察了一下发现了一些诡异信息,如下图所示

 

 

靠  每次打开那个插件都要有这么多请求,观察后发现这么多请求几乎都是对同一个图片的 如下图

 

 

 

循着 css 信息 找到了用到这个图片的定义,在 jquery.ui.theme.css 这个文件 21行的样子,应该是定义了选择日志小按钮的背景图片.

 

.ui-state-default, .ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default
 { 
    border: 1px solid #d3d3d3 ; 
    background: #e6e6e6 url(images/uibg_glass_75_e6e6e6_1x400.png)



  50% 50%  repeat-x ;
    font-weight: normal ; 
    color: #555555; 
}
 

 

手工把URL 属性删除掉,再次在IE下浏览的时候感觉很流畅了.

 

原因还没有查到.

 

分享到:
评论

相关推荐

    jQuery UI Datepicker插件timepicker时分秒

    为了解决这个问题,开发者可以使用timepicker插件,这是一个针对jQuery UI Datepicker的扩展,它添加了小时、分钟和秒的选取功能。timepicker插件的核心文件有`jquery-ui-timepicker-addon.js`和对应的minified版本`...

    jquery ui datepicker all theme

    《jQuery UI Datepicker全主题详解》 在网页开发中,日期选择器是一个常见的交互元素,它使得用户能够方便地输入或选择日期。jQuery UI库中的Datepicker组件是此类功能的一个强大实现,它提供了丰富的功能和多样的...

    jQuery UI Datepicker IE8 使用的基本解决方法70-1

    jQuery UI Datepicker IE8 使用的基本解决方法:解决:IE8无法响应其中jquery.ui.datepicker部分标签a(无href)的onclick事件,和td由于放入标签a href="#",无法响应自身onclick事件,只验证了icon-trigger模式,...

    jQuery ui Datepicker日期插件

    jquery的日期插件Datepicker,这两天正好研究完了,将研究结果分享下,单独的封装汉化版本,都有注释,好修改也好使用,注意保持images里面图片的名称和路径,red-datepicker.css可以定义日期div的样式,我自己在源...

    jquery ui利用datepicker插件实现日期控件

    《jQuery UI中的Datepicker插件实现日期控件详解》 在网页开发中,日期选择控件是不可或缺的一部分,它能够方便用户输入或选择日期,提高交互体验。jQuery UI库提供了一个强大的Datepicker插件,使得创建这样的控件...

    jqueryui中插件Datepicker控件的使用

    **Datepicker** 是 jQuery UI 提供的一个非常实用的日期选择插件,它可以帮助开发者轻松地在网页上添加日期选择功能。要使用 Datepicker,首先需要确保页面已经加载了 jQuery 和 jQuery UI 的相关文件。 1. **引入...

    修改Jquery UI DatePicker 可以选择时间

    简要修改Jquery UI DatePicker,可以选择时间(小时,分),有需要的朋友可以参考一下。 补充说明:上面的代码做好后,没怎么测试,选择的时间是有问题的:问题1:选择的月份比当前月份少1,问题2:当选择的月份和...

    jquery.ui.datepicker.js

    日期选择插件Datepicker是一个配置灵活的插件,我们可以自定义其展示方式,包括日期格式、语言、限制选择日期范围、添加相关按钮以及其它导航等。

    jquery.datepicker-zh-CN.js

    jquery datepicker 的中文包 调用方法 <script src="./public/js/jquery-ui-1.10.3.min.js"> <script src="./public/js/jquery.datepicker-zh-CN.js"></script> <link href="./public/css/jqueryui/jquery-ui-...

    jQueryUI jQueryUI插件 键盘插件

    而“jQueryUI键盘插件”是jQueryUI生态系统中的一个特色组件,主要用于模拟和自定义虚拟键盘。 这个键盘插件允许用户在没有物理键盘的情况下也能进行输入操作,特别适用于移动设备或触摸屏应用。它的主要特点包括:...

    jQuery UI Datepicker - Select a Date Rang

    jQuery UI Datepicker 是一款强大的、可定制的日期选择插件,它提供了丰富的功能和友好的用户体验。在中文网站中,本地化支持使得这款插件成为日期选择的首选工具。本文将深入探讨如何使用 jQuery UI Datepicker ...

    jQueryUI datepicker

    总的来说,jQuery UI Datepicker结合timepicker插件为Web开发者提供了一个强大且灵活的日期时间选择解决方案,它不仅可以满足基本的日期选择需求,还能通过丰富的配置选项和事件处理满足复杂的业务场景。

    jQuery日期选择插件jQuery-datepicker.zip

    datepicker 是 jQuery 日期选择插件。在线演示 标签:jQuery

    jQuery ui-datepicker最好用的日历控件

    **jQuery UI Datepicker是最受欢迎的JavaScript日历插件之一,尤其在jQuery库的广泛使用下,它成为开发人员实现日期选择功能的首选工具。本文将深入探讨Datepicker控件的关键特性、使用方法以及如何与其他技术如Java...

    jquery.datepicker 日期控件

    `jQuery UI Datepicker`是jQuery库的一个扩展,用于在网页上创建交互式日期选择器。这个控件使得用户能够方便地选择日期,广泛应用于表单输入、日程管理和其他需要日期选择的应用场景。以下是关于`jQuery UI ...

    基于JQuery UI的datepicker二次开发 支持时分秒(带示例)

    这通常涉及到自定义扩展JQuery UI的datepicker插件。在这个案例中,我们可以使用名为`jquery-ym-datePlugin-0.1.js`的文件,这是一个针对日期插件的扩展,增加了时分秒的选择功能。该插件可能通过添加新的选项,如`...

    jquery-ui-1.10.3.custom.rar jquery 日期插件 带时间选择

    `timepicker-addon`是一个扩展了jQuery UI datepicker的插件,它增加了对时间选择的支持。集成这个插件后,用户可以在同一个界面上同时选择日期和时间。 在实际项目中,我们可以这样配置日期时间选择器: ```...

    jQueryUI DatePicker:禁用一周中的几天

    jQuery UI 是一个基于 jQuery JavaScript 库的用户界面插件集合,其中包括了丰富的组件,如 DatePicker。DatePicker 是一个功能强大的日期选择器,常用于网页表单中输入日期的场景。本篇文章将详细介绍如何在 jQuery...

    jquery ui datepicker demo

    NULL 博文链接:https://flyer0126.iteye.com/blog/946177

    jquery mobile datepicker

    **jQuery Mobile Datepicker** 是一个专门用于移动设备的日期选择器插件,它扩展了标准的jQuery UI Datepicker,使其更适合在触摸屏设备上使用。这个插件在原生的日期选择器基础上增加了对移动环境的优化,如响应式...

Global site tag (gtag.js) - Google Analytics