`
jiang_grails
  • 浏览: 43213 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

IE9中使用JqueryUI,Ajax的问题

阅读更多

前几天将IE升级到IE9了,但是在调试程序的过程中碰到了两个问题。

IE9中使用JqueryUI,在工程中使用了jqueryui的Tabs,以前测试工程一般都

是在chrome中,或者Firefox中,一直没发现这个问题,问题截图如下:

 

 

image

当我拖动垂直滚动条是,就会出现上边这个图的状况,而正常显示如下:

image

当我拖动滚动条时,图像不会出现叠加。

上网查了下,发现jqueryui在IE9下有bug,

http://forum.jquery.com/topic/jquery-ui-does-not-work-on-ie9

(2)第二个问题就是Ajax的执行,可参考Grails实现复杂的数据录入这篇文章,这里

边使用了ajax,刚开始在chrome下进行测试,没遇到问题,但是昨天在IE9下

测试时,发现了问题。例如,现在一共有4本书,当再次我添加图书,增加相

图书时,出现4条记录,效果如下:

image

保存新添加的图书,这时应该有5本书了,但是再次增加新图书,添加相关图

书,结果如下:

image

仍是出现4本书,这就与实际需求不一样了,在IE9中,按F12,在浏览器下方

会出现类似fireBug的工具,再次调试程序,观察下边的请求结果,发现结果

是304,

image

image

或者我们可以在ajax请求的controller中写上一条打印语句,发现这条打印语

句就不执行,但清除浏览器缓存后,结果就正确了。

解决方法:

在ajax的URl中加上一个随机变量,这样没次都会相应,例如:

url = url+"&ts="+new Date().getTime();

再次调试程序,每次显示的结果都是正确的。通过浏览器的调试窗口,我们

IE9中使用JqueryUI,Ajax的问题

也可以观察到每次响应的结果都是200.

分享到:
评论

相关推荐

    jquery ui messager 消息框

    jQuery UI Messager是一款基于jQuery和jQuery UI库的插件,用于在Web应用程序中创建美观、功能丰富的消息框。它提供了一种优雅的方式来显示各种类型的通知,如警告、错误、信息和成功消息,增强了用户交互体验。这个...

    jQueryUI V1.12.1

    6. **兼容性**:jQueryUI V1.12.1与jQuery V1.12.4的搭配确保了良好的浏览器兼容性,支持大部分现代浏览器以及部分老版本浏览器,包括IE8及以上版本。 7. **API和文档**:jQueryUI拥有详尽的API文档和示例代码,...

    jquery目前全部版本+ui大全+案例

    在"jqueryui案例"中,可能包含了一系列使用jQuery UI编写的示例代码或实际项目,这些案例可以帮助开发者了解如何在实际场景中应用jQuery UI的各种组件。通过学习和分析这些案例,你可以掌握如何创建交互式界面,提高...

    jqueryUI

    4. **社区支持**:由于jQuery的广泛使用,jQuery UI也有庞大的开发者社区,遇到问题时可以找到很多解决方案和示例代码。 **使用jQuery UI**: 在实际使用中,首先需要在页面中引入jQuery库和jQuery UI的CSS及JS...

    jquery-1.11.0+jquery-UI-1.10.4

    这个版本主要关注于维护和改进,包括对旧版IE浏览器的支持,使得开发者可以放心地在各种环境中使用。jQuery的核心特性包括选择器引擎(用于高效地定位DOM元素)、事件处理、动画效果以及Ajax操作。例如,使用`$...

    jquery-2.1.0 jqueryUI1.10.4

    然而,随着Web技术的不断发展,如React、Vue等框架的崛起,jQuery在现代前端开发中的地位虽有所下降,但它仍然是一个值得学习和掌握的基础工具,尤其对于处理兼容性问题和实现简单交互时,依然有着不可替代的作用。

    Ajax和Jquery

    jQuery对Ajax进行了封装,使得使用Ajax变得更加简单。例如,`$.get()`和`$.post()`方法分别用于GET和POST请求,它们接受URL、数据、回调函数等参数。`$.getJSON()`则用于获取JSON格式的数据。jQuery还提供了`$....

    fileUpload(兼容IE的Ajax上传图片)

    "fileUpload(兼容IE的Ajax上传图片)"是一个专为解决浏览器兼容性问题而设计的解决方案,它确保在包括IE8在内的较旧版本Internet Explorer浏览器中也能实现Ajax方式的图片上传。 Ajax(Asynchronous JavaScript and ...

    jquery-easyui-1.8.6 最后一个支持IE7的最新版本

    1.8.6版本是jQuery EasyUI系列中最后一个兼容Internet Explorer 7(IE7)的版本,对于那些仍需支持老旧浏览器的开发者来说,这是一个重要的里程碑。 【描述】中提到,这个版本使用的jQuery库是1.x系列,而后续的...

    jquery ui 树状下拉选择框

    ### jQuery UI 树状下拉选择框(Comboxtree)详解 #### 一、引言 随着 WEB2.0 及 AJAX 思想在互联网上的快速发展与传播,一系列优秀的 JavaScript 框架相继诞生,例如 Prototype、YUI、jQuery、MooTools、Bindows ...

    通过JQuery,JQueryUI和Jsplumb实现拖拽模块

    1. **设置拖动元素**:使用JQueryUI的`.draggable()`方法,为需要拖动的元素(在这个例子中是左侧的三个窗体)添加拖动行为。例如,`.window`类的元素可以通过`$(".window").draggable({helper: "clone"})`设置为可...

    JSF中ie9时间兼容组件替换实现

    在JavaScript世界中,尤其是Web...通过以上步骤,我们成功地使用jQuery UI Datepicker替换了JSF中的时间组件,实现了在IE9上的兼容性。这种方法不仅解决了当前问题,还为用户提供了一种直观且用户友好的日期选择方式。

    jquery实现下拉框多选(支持IE7)

    总之,使用jQuery和EasyUI可以轻松实现一个在IE7和360浏览器中兼容的多选下拉框。通过理解jQuery的基本操作和EasyUI的组件特性,可以高效地构建功能丰富的前端应用。同时,需要注意旧版浏览器的兼容性问题,确保用户...

    luluui基于jQuery针对PC网站兼容IE7modern主题或IE8peak主题的前端UI框架

    综上所述,luluUI是一个强大且实用的前端UI框架,它借助jQuery的力量解决了IE老版本的兼容性问题,同时提供了丰富的组件和主题选择,以适应不同项目的需要。对于需要构建PC端网站,尤其是需要支持老版本IE浏览器的...

    兼容IE8的精美jQuery模态确认框插件

    在IT行业中,jQuery是一个广泛使用的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。在给定的标题“兼容IE8的精美jQuery模态确认框插件”中,我们主要讨论的是一个专为解决...

    Jquery 插件

    jQuery UI支持多种浏览器,包括IE6+、Firefox、Chrome、Safari和Opera。然而,为了提高性能,应当避免在大型项目中全局加载所有组件,而是按需引入必要的模块。 **6. 最新版的jQuery UI(如jquery-ui-1.9.2)** `...

    jquery 旋转按钮

    对于IE浏览器的支持,jQuery UI通常会确保向后兼容,但如描述中提到,可能需要IE9及以上版本以获得最佳体验。 要使用jQuery UI的旋转按钮,首先需要在项目中引入jQuery和jQuery UI的库文件。然后,你可以通过简单的...

    李炎恢jquery pdf和源代码

    - **16.9--日历UI.zip**:介绍了如何使用jQuery UI的日历组件,用于日期选择和管理。 - **16.10--验证插件.rar**(两个版本):讨论了使用jQuery实现表单验证的方法,这对于创建用户友好的表单至关重要。 - **...

    jquery 1.4手册【中文版】

    9. **兼容性(Compatibility)**:jQuery 1.4版本致力于保持良好的浏览器兼容性,支持IE6+、Firefox、Chrome、Safari以及Opera等主流浏览器,使得开发者无需担心跨浏览器问题。 10. **文档与社区支持...

    jQuery 1.5.2.CHM中文手册

    9. **兼容性**:jQuery 1.5.2版本考虑了广泛的浏览器兼容性,包括IE6/7/8,Firefox,Chrome,Safari和Opera等。 10. **性能优化**:手册还会涵盖如何使用`live()`, `delegate()`, `on()`等方法来提高事件处理性能,...

Global site tag (gtag.js) - Google Analytics