首页
学习
活动
专区
圈层
工具
发布

基于jQuery UI CSS Framework开发Widget

提供了一套默认的图标,这些图标适用于大多场景,一般使用的方式是“ui-icon ui-icon-****”来指定icon .ui-corner-tl:左上角圆角,基于css3,ie不支持 .ui-corner-tr...:右上角圆角,基于css3,ie不支持 .ui-corner-bl:左下角圆角,基于css3,ie不支持 .ui-corner-br:右下角圆角,基于css3,ie不支持 .ui-corner-top:...上面两个角圆角,基于css3,ie不支持 .ui-corner-bottom:底部两个角圆角,基于css3,ie不支持 .ui-corner-right:右部两个角圆角,基于css3,ie不支持 .ui-corner-left...:左部两个角圆角,基于css3,ie不支持 .ui-corner-all:全部角圆角,基于css3,ie不支持 .ui-widget-overlay:遮罩 .ui-widget-shadow:阴影 在写...还有两个私有方法是创建widget的时候要重写的。在widget中,所有的私有方法都将加以"_"前缀。

2K100
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    为 IE7、IE8 增加圆角支持的 jQuery 插件:jQuery Corner

    圆角在网页设计中比较常见,但是却让前端很苦恼。在过去的时候,做一个圆角效果往往需要将圆角图片切出,然后通过背景等实现效果。...而在现在,CSS3 中有一个 border-radius 属性即可生成各种尺寸的圆角,十分强大,于是大家都开始使用 border-radius 的方式做圆角。...但是在国内早期 IE 浏览器仍然盛行的时期,为了考虑到大多数用户,我们不得不通过一些插件之类的来实现圆角,jQuery Corner 就是这样一个插件,使用这个插件配置一下圆角半径等参数,即可生成圆角同时兼容各种早期...IE 浏览器。...另外我们还可以看一下 jQuery Corner 插件的演示 ,它不仅仅支持生成各种圆角,同时还可以生成一些其他奇怪的“角”,虽然不是很实用,但万一有时候就用上了呢 如果你的项目中,需要圆角,同时还需要兼容早期

    91410

    jQuery Mobile中$.mobile.buttonMarkup方法使用详解

    最近在群里遇到多数网友提到$.mobile.buttonMarkup()方法的使用。我这里就列了一下api的使用说明,以后大家看博客就能解决问题。如有不正确的地方,请留言指出!...options对象的属性解释如下: corners属性:设置圆角,布尔类型,默认为true。当为true时增加ui-corner-all样式,当为false是删除ui-corner-all样式。...它的使用类似于data-corners="false"。 icon属性:设置图标,字符串类型,默认为""。它的使用类似于data-icon="arrow-r"。...这个选项是使用1.4.0将会被删除在1.5.0。它的使用类似于data-iconshadow="true"。和class添加"ui-shadow-icon"属性类似。...如下使用: $("#myAnchor").buttonMarkup({corners:false});//取消圆角 $("#myAnchor").buttonMarkup({shadow:false

    84520

    IE中的内存泄露

    参考文章: Winter 的《浏览器中的内存泄露》 鸟食轩的《理解并解决IE内存泄露的方式[翻译]》 IBM的《JavaScript中的内存泄露模式》 还有两篇文章: IE's memory-leak...fix greatly exaggerated Memory Leakage in Internet Explorer – revisited IE中内存泄露的几种方式: 1、循环引用(Circular...(如监听onclck事件的方法);只是如果你不小心在代码中写下与上面相似的代码,那么它就可能已经产生内存泄露了。...虽然IE有这么多的问题,但还是有工具可以检测你写的代码是否存在内存泄露,对于代码量少、复杂度并不高的可以使用sIEve,大项目中使用它想跟踪产生内存泄露的代码则比较困难了。...好在还有一个工具:Javascript Leaks Detector JLD的强大之处在于能够模拟IE6和IE7的GC情况,和真实的回收情况。这样可以做一个比较。

    1.1K40

    Facebook Like Button在IE上的bug

    功能需求界面如下,点击图1的图标,弹出一个如图2的模式对话框。然后就有一些相关的信息,用户就把title和description分享出去。点击Like Button(这里使用的西班牙语)。...但是在IE中显示不正常,这个Like Button有时出现,有时不出现。通过Facebook在线代码生成工具,操作步骤如下图: ?...在第二点中提到,未来适应老版本的IE,需要在html标签中添加xml命名空间,http://ogp.me/ns/fb#. 这个是很多开发者容易忘记的一点。但是我们遇到不是这个问题。...因为我们使用的Javascript动态拼接最后一个html代码片段。但是我们只有用户点击了图1的icon,才出现模式对话框,此时才显示Like Button。...这样就可以在IE浏览器中正常的显示Like Button。

    1.1K100

    解决IE中图片缓存的问题

    ,便到相应的目录中修改两张图片的名称。...在flash中加载这两张图片,在IE中查看,怎么样去刷新都还是以前的图片(反掉了),我尝试清空缓存,关闭所有进程,重启电脑,第二天来看还是不行,这就让我很郁闷了,一度以为是我电脑的问题,后来仔细想了一下...,以前好像遇到过类似的问题,尝试着去使用httpwatch去清空浏览器记录的url,如下图所示,果然就好了。...我试过把请求的URL,粘贴到IE浏览器的地址栏,然后刷新,结果一样,http请求返回都是304(我浏览器设置的是每次请求最新的文件),使用chrome去请求URL,强制刷新图片显示的是正确的。...对于在公网如果有这样的需求,文件命名反掉了,建议最好使用新的名称或是在请求后面加特定的参数(让它返回200的状态)

    1.7K30

     在IE和FireFox中显示不一致

    https://blog.csdn.net/huyuyang6688/article/details/38704045  在IE和FireFox中显示不一致         在做新闻发布系统后台登陆界面时...于是在代码中加了两个“ ”,在FireFox中达到预期效果了: ?         我们都知道,一个“ ”为一个字符大小。...可我明明已经在“密码”二字中间添加了两个“ ”了,刚好为一个汉字的间距。但是在IE浏览器中测试的结果,“密码”二字中间的间距仍然很小(大约只有一个字符的大小)。...我继续添加“ ”,IE中“密码”二字中间的间距不变,还是大约只有一个字符的大小,无论添加多少个 标记,好像最对只显示一个空格;而FireFox中则乖乖地如数显示出所添加的空格长度。...解决方法:         知道了原因,解决方法也非常简单: 第一种方法:在代码中为有关区块中的字设置字体即可,比如这里将上述需要格式化的“密  码”的字体设置为宋体:          font-family

    1.6K30

    小心onpropertychange在ie8上的地雷

    今天遇到一个很神奇的bug,网站上面有个表单提交的页面需要做是否离开此页的功能(就是如果修改了表单后未保存就离开这个页面),之前做这个功能的人为了方便就把input标签写成这样: 在写js的时候,又加了一段: $(document).ready({ $("#a").bind('blur',function(d){....}); }); 然后就发现在ie8上面,没有修改表单也会出现提示...调试了一下,没有发现任何代码的错误。而且只有在ie8上才回重现这个bug。想想之前改过的那些操蛋的ie8的bug。我开始在ie8上面找问题。...onpropertychange的话,只要当前对象属性发生改变,都会触发事件,而且这个玩意是ie专属的 好吧,进入ie8的调试模式,发现页面在加载的时候顺便触发了#a的onpropertychange事件...于是我猜想是不是那段#a的blur代码影响了,将blur事件换乘οnblur=”ablur();”,居然真的好了 后面尝试了一下,原来ie8判断在js上为标签添加的事件都属于属性的变化,所以会触发onpropertychange

    1.1K20

    Transformer 在RxJava中的使用

    早在 RxJava1.x 版本就有了Observable.Transformer、Single.Transformer和Completable.Transformer,在2.x版本中变成了ObservableTransformer...其实,在大名鼎鼎的图片加载框架 Glide 以及 Picasso 中也有类似的transform概念,能够将图形进行变换。...RxLifecycle中的LifecycleTransformer trello出品的RxLifecycle能够配合Android的生命周期,防止App内存泄漏,其中就使用了LifecycleTransformer...在我的项目中也使用了知乎的RxLifecycle,根据个人的习惯和爱好,我对LifecycleTransformer稍微做了一些修改,将五个Transformer合并成了一个。....... } 如果你想在RxJava的链式调用中也使用缓存,还可以考虑使用transformer的方式,下面我写了一个简单的方法 /** * Created by Tony Shen on

    8.9K20
    领券