`
xl515331
  • 浏览: 72722 次
  • 性别: 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-...

    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.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,使其更适合在触摸屏设备上使用。这个插件在原生的日期选择器基础上增加了对移动环境的优化,如响应式...

    jQuery插件datepicker的使用详解.pdf

    其中,datepicker插件是jQuery UI中的一个核心组件,它解决了网页中日期输入框的诸多问题,如输入格式、合法性验证等,并且提供了优秀的用户体验和高度定制的可能性。 在传统的日期输入方式中,通常使用`...

    jquery.ui.datepicker增强版 支持时间输入

    jQuery UI中的Datepicker是一个广泛使用的日期选择器插件,而在这里我们讨论的是其增强版,增加了对时间输入的支持。这篇文章将深入探讨这个增强版的jQuery UI Datepicker,如何实现时间输入功能,并通过源码分析,...

Global site tag (gtag.js) - Google Analytics