• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > jWiard 基于JQuery的强大的向导控件介绍

jWiard 基于JQuery的强大的向导控件介绍

作者: 字体:[增加 减小] 来源:互联网

通过本文主要向大家介绍了jWiard,向导控件等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

我就不贴我现在做项目的代码,我直接把作者的示例搬过来,因为改动不大,只要做点修改,就能很好的满足我们自己的需求。

原文地址 猛点这里下载      

作者官网   不过是英文的,英语好的话 可以看原文,生怕我表达错误。

不知道童鞋们在平时的开发用到用向导式开发这种方式没有?有人问 什么是向导式开发呢?其实,很简单,就是让用户完成一个步骤,然后点击下一步,完成一个步骤就点击下一步,这样 按照我师父的来说,可以很好的提升用户体验。

OK,废话不说了,先来一个最简单的例子:
例子1:
1.1当然咯,既然是JQuery 就少不了需要引用JQuery库吧。在上面就能下到相关的类库。
JQuery Class and Style


示例 2:给next添加事件
在我现在做的第一个版本里,刚开始比如有上传文件,验证文件等等操作,很二的直接在页面放了一个button,然后触发它的javascript代码。这样做可以满足基本功能的需求,可是也非常严重的损害了用户的体验。因为,现在的用户非常的懒,能少做一点事情,它是绝对不会多做的。所以,如果你放一个button,用户不想去点击,然后就点击next了,那么就得不到需要的用户,就会报错。
因此,我们可以把一些操作都集成到Next中去,那这样子就灰常灰常的方便了,而且页面也变的灰常灰常的整洁大方。
其余代码可以基本不变,现在我主要讲一下js里面的事件机制,代码如下:

具体效果在这里 。

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • jWiard 基于JQuery的强大的向导控件介绍

相关文章

  • jQuery/CSS3图片特效插件整理推荐
  • jquery动态添加元素事件失效问题解决方法
  • jquery 3D 标签云示例代码
  • jQuery中:focus选择器用法实例
  • jQuery 全选 全不选 事件绑定的实现代码
  • jQuery实现仿Google首页拖动效果的方法
  • jQuery中filter(),not(),split()使用方法
  • 用jquery实现点击栏目背景色改变
  • jQuery插件echarts实现的多折线图效果示例【附demo源码下载】
  • 在jquery中combobox多选的不兼容问题总结

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • jQuery中fadeIn、fadeOut、fadeTo的使用方法(图片显示与隐藏)
    • jquery 插件实现多行文本框[textarea]自动高度
    • jQuery-Tools-overlay 使用介绍
    • jquery垂直公告滚动实现代码
    • 深入分析JQuery和JavaScript的异同
    • jQuery ui1.7 dialog只能弹出一次问题
    • 移动手机APP手指滑动切换图片特效附源码下载
    • jcarousellite.js 基于Jquery的图片无缝滚动插件
    • jquery实现的省市区三级联动
    • jQuery使用each方法与for语句遍历数组示例

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有