c语言学习教程谁的课程最好jquery 的smartWizard 插件使⽤⽅法
jquery 的smartWizard 插件常⽤在⼀些向导式的,按步骤的功能中,是的⽤户按照我们设定的步骤进⾏操作,这样⼀⽅⾯有较好的⽤户体验,可以将庞⼤的表格
数据分解成多个步骤,是的每个步骤的数据量减少;另⼀⽅⾯流程⽐较清晰,先做那个下⼀步做什么都是可控可设定的。
下⾯说⼀下如何使⽤,⾸先html 中引⼊jquery 的smartWizard 插件对应的
html 中代码如下:
什么是编程编程对孩子有什么好处js 代码如下:[html]
01. <!--html 中 -->02. <div id class >03. <ul id >04. <li><a href ><label class ></label>05. <span class ></span></a>06. </li>07. <li><a href ><label class ></label>08. <span class ></span></a>09. </li>10. <li><a href ><label class ></label>11. <span class ></span></a>12. </li>13. <li><a href ><label class ></label>14. <span class ></span></a>15. </li>16. 17. </ul>18. <div id style >19.
<table cellpadding cellspacing border class style >20. <th valign ><h1></h1></br>21. <h1><input type
name id value >22. </h1></br>23. <h1><input type name id value >24. </h1></th>25. 26. </table>27. </div>28. <div id style >29. <!--内容可直接在这加⼊,如果内容过⼤可直接载⼊html -->30. </div>31. <div id style >32. </div>33. <div id style >34. </div>35. </div>36. <!-- End SmartWizard Content -->[javascript]access软件下载资源
01. var 02. //当点下⼀步时回调该函数,⼀般⽤于当前步骤的校验03. function 04. var 'rel'05. switch 06. case '1'07. if 'input[name=jjdj_lx]:checked'08. 'input[name=jjdj_lx]:checked'09. if '1'10. '#sfxxdj_wizard_ul [rel=5]'11. '#sfxxdj_step_5'12. else 13. '#sfxxdj_wizard_ul [rel=2]'14. 15. return true //转下⼀步16. 17. else 18. "请选择基⾦登记类型!"19. return false 20. 21. case '2'22. if '1'"#sfxxdj_jbqkb_jjmc"''模板网站模板建站
⽹上的参考资料不是很多,我也只是稍微应⽤了⼀下,最后说⼀下我了解的技巧,默认情况下上⼀步和下⼀步以及提交按钮需要⼈⼯来控制,哪些需要对按钮进⾏添加移除样式,如下:
jquery下载文件插件如何⼿动激活⼀个步骤的,或者如何跳过步骤呢?操作如下:⽐如直接激活第四步骤可点击:
23. "请输⼊基⾦名称!"24. return false 25. else 26. "#sfxxdj_jbqkb_jjmc"27. 28. return true 29. case '3'30. return true 31. case '4'32. return true 33. case '5'34. return true 35. case '6'36. default 37. break 38. 39. return true 40. 41. //当现实该步骤时回调该函数,⼀般⽤于当前步骤的初始化42. functio
n 43. var 'rel'44. switch 45. case '2'46. break 47. case '3'48. break 49. case '4'50. "#jjxmmc"51. if "1"52. '#div .actionBar a.buttonFinish'"buttonDisabled"53. '#div .actionBar a.buttonNext'"buttonDisabled"54. 55. break 56. case '5'57. if "0"58. 59. 60. break 61. case '6'62. break 63. default 64. break 65. 66. 67. 68. 69. function 70. //对象初始化,以及设定相关回调时间71. '#sfxxdj_div'72. false 73. 74. 75. 76. 77. ".actionBar a"78. //⽂件形式初始化各步骤的内容79. '#sfxxdj_step_2'""'jbqkb.html'80. '#sfxxdj_step_3'""'xlqkb.html'81. '#sfxxdj_step_4'""'gzqkb.html'82. [javascript]
01. '.actionBar a.buttonFinish'"buttonDisabled"//提交按钮可⽤02. '.actionBar a.buttonFinish'"buttonDisabled"//提交按钮变灰03. '.actionBar a.buttonNext'"buttonDisabled"//下⼀步按钮可⽤04. '.actionBar a.buttonNext'"buttonDisabled"//下⼀步按钮变灰 05. '.actionBar a.buttonPrevious'"buttonDisabled"//上⼀步按钮可⽤06. '.actionBar a.buttonPrevious'"buttonDisabled"//上⼀步按钮变灰
这样不管你进⾏的是否做到第四步,都可以点击查看第四步的内容。
⽐如某些时候我们需要从第⼀步调转到第三步:[javascript]
01. '#sfxxdj_wizard_ul [rel=4]'"isDone"02. '#sfxxdj_wizard_ul [rel=4]'"done""disabled"[javascript]
01. '#sfxxdj_div''skipTo'
德约科维奇晋级总决赛2.
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论