标签‘jquery’

简洁Metro风格jQuery下拉框插件分享

日常工作中经常需要对form表单元素进行美化,而常用元素中唯独select下拉框最不易通过CSS重写样式,所以选择使用自定义的样式加列表模拟原生select。

此类插件网上也是很多,但很多插件功能是大而全的,而我需要的只不过是简简单单的风格样式上的统一,于是,自己草草写下了一款小插件,优点是可以通过以下三种方式生成:

1、在某个div上示例化组件,通过传入数组生成
2、通过固定格式的dl dd自定义列表生成
3、通过原生select生成,同时,如果你不愿意改动事件绑定代码来完成联动,可以保持原有程序不变,取值也依然是不变的。
查看更多...

网页局部滚动时屏蔽全局滚动事件(屏蔽鼠标滚轮事件)

标题有些绕,其实就是很简单的问题,很多人应该都遇到过,最近优化自动完成的插件,发现在下拉框内容多时出现滚动条的情况下,如果页面本身也有滚动条,就很容易出现两边都滚动的情况,体验非常之差。因为之前没有考虑过此类问题,自信想了下,应该可以通过技术手段避免。

一开始想过监听scroll事件,但是发现这样的想法本身就有误区,因为滚动某个元素本身,而要去屏蔽window的滚动,根本说不通,那么换一种思路,既然滚动通常是鼠标操作,何不操作处理滚轮事件?

简单查了下,的确有类似的文章,我们都知道,jQuery插件默认是不支持鼠标中轮滚轮事件的,现在我们可以用于添加跨浏览器的鼠标滚轮支持可以使用jQuery的Mousewheel插件,具体插件大家可以搜jquery.mousewheel.js找到,这里不再额外贴地址。 查看更多...

HTML5的自定义data属性及jQuery.data()方法的使用

做前端的人有的喜欢在HTML标签上添加自定义属性来存储和操作数据。但这样做的问题是,你不知道将来会不会有其它脚本把你的自定义属性给重置掉,此外,你这样做也会导致html语法上不符合Html规范,以及一些其它副作用。这就是为什么在HTML5规范里增加了一个自定义data属性,你可以拿它做很多有用的事情。

你可以去读一下HTML5的详细规范,但这个自定义data属性的用法非常的简单,就是你可以往HTML标签上添加任意以 "data-"开头的属性,这些属性页面上是不显示的,它不会影响到你的页面布局和风格,但它却是可读可写的。

下面的一个代码片段是一个有效的HTML5标记:

<div id="id" data-key="1">TO DO</div>

可是,怎么来读取这些数据呢?你当然可以遍历页面元素来读取你想要的属性,但jQuery已经内置了方法来操作这些属性。 查看更多...

Easyui Datagrid增删改及后台交互(java)

最近项目的特殊性可算是把我折腾得够呛,从最开始的整站JS,到现在的Liferay,且不说后台,单单前台框架就让我从Dojo到YUI又到AUI、jQuery、ExtJS,常用API翻了一遍,常见问题解决了一遍,而归根结底,为的就是一个方便好用、加载迅速的Grid控件。还好目前是定准用ExtJS了,不然常用控件都用一遍也没找到完全合适的,就困难了。题外话至此,下面开始正题。

刚刚看到同学在之前发的文章,在使用Easyui DataGrid时遇到新增行数据在保存时不能获取的问题,解决方法是在保存时先执行$('#example′).datagrid('acceptChanges');然后前台获取全部行,再拼装字符串传到后台,这样做是可以解决,但实际上Easyui Datagrid似乎有更好的API供调用。为了和我一样的新手少走弯路,故写此篇文章以便参考。 查看更多...

JQuery Mobile框架使用技巧几则

个人认为,JQuery Mobile是一个非常好的框架,虽然我暂时没接触过Sencha Touch,但据说学习成本要比JQuery Mobile大很多,从目前Web应用UI框架选择少的情况来看,JQuery Mobile是最好的选择了。

JQuery本身就已经是一个成熟的框架了,JQuery Mobile作为它的附属品,继承了write less,do more的传统。但是作为一个新兴起的项目,毛病也是有不少。以下是一些常见问题的解决小技巧,希望做移动Web应用的朋友能用得着。

1.页面跳转时,当前页会先回到顶部,再跳转到目标页
相信在JQuery Mobile 1.1.0 版本出来之前,每个人都会遇到的问题。 查看更多...

JQuery与JQuery EasyUI部分基础内容总结

JQuery总结部分
1、在<script>中,如果是需要页面打开就要载入的部分,需要先写

$(function(){
});

然后把需要变成EasyUI的input或div等的ID写入其中,否则他们不能变成你想要的插件。当然,其他的函数,如onclick(),就要写到其外了。

2、$.get()
$.get()是简化的$.ajax()。用法如

$("button").click(function(){
$.get("demo_ajax_load.txt", function(result){
$("div").html(result);
});
});

查看更多...

Myeclipse中Spket插件的ExtJS、JQuery等主流框架配置

前面,小子已经通过文章《Spket安装及反编译修改“注册程序”过程全解》细述了Spket插件的几种安装方法以及破解方法的推荐。这里就一代而过,不再赘述了,这也是小子第一次将一件事分两篇文章来讲,一来测试更新后百度、Google的收录速度,二来也凑合文章数量吧。

接上文,如果没有看过上文的朋友情通过文章开头链接或者其他任何方式访问了解安装方式。下面描述配置,示例截图采用Myeclipse8.0,版本不同可能效果稍有不同,但大体功能不会变,故这里只针对Myeclipse8.0做截图,并且看到这里需确定你的Spket插件已经安装成功。

打开Myeclipse后依次选择Window->Preferences,在弹出的Preferences窗口中你会看到如图所示界面。

Myeclipse中Spket插件的ExtJS、JQuery等主流框架配置
查看更多...

jQuery+CSS 打造动态下滑菜单效果

本文将分步讲解如何使用JQuery和CSS打造一个炫酷动感菜单。jQuery的"write less, do more"的特性可谓是家喻户晓,即使没有很丰富JS编程经验的人,也可以通过其提供的API很快学会如何使用,当然,如果您经验丰富,我还是建议您可以理解jQuery各主要函数的实现原理。

Step1 - HTML结构

看一下菜单的HTML代码,跟平常的菜单代码没有什么区别:

<div id="menu"> 查看更多...

asp.net用jquery为服务器控件添加javascript处理

在使用asp.net进行web开发的过程中,经常会用到服务器控件,可是服务器控件又不像html那样可以易容的添加
javascript事件,处理,
那么怎么给服务器控件添加js事件呢,
这时我们可以使用成熟的javascript框架:jquery  查看更多...