8.8 练习

要完成以下练习,读者需要本章的index.html文件,以及complete.js中包含的已经完成的JavaScript代码。可以从Packt Publishing网站http://www.packtpub.com/support下载这些文件。

“挑战”练习有一些难度,完成这些练习的过程中可能需要参考 jQuery 官方文档: http://api.jquery.com/

  • 创建新的名为.slideFadeIn().slideFadeOut()的插件方法,把不透明度动画方法.fadeIn().fadeOut()以及高度动画方法.slideDown().slideUp()结合起来。

  • 扩展.shadow()方法的可定制能力,让插件用户可以指定元素副本的z轴索引。为提示条部件添加一个isOpen子方法,这个方法应该在提示条正在显示的时候返回true,而在其他时候返回false

  • 添加代码监听我们部件触发的tooltipopen事件,并在控制台中记录一条消息。

  • 挑战:为提示条部件提供一个可以替代的content选项,通过AJAX取得链接的href属性指向的页面的内容,然后将取得的内容作为提示条的文本。

  • 挑战:为提示条部件提供一个新的effect选项,如果指定该选项,则应用以该名字(如explode)指定的jQuery UI效果显示或隐藏提示条。