Drupal文档教程翻译 - JavaScript与jQuery (2)

logo-drupal-documentation本站原创编译,转载请给面子,尊重劳动果实,欢迎交流指正。

各位早,天气热的有些闹不住。淡定的进入Drupal文档中文翻译时间,今天搞不好还真就是模板主题这个大类的最后一篇了。继续昨天JavaScript与jQuery的话题,来看些小实际应用。

扩展模块会在Drupal.theme.prototype命名空间中提供一套默认的主题函数。举例说,下面的“powered”函数用来在页面中输出“powered by Drupal”图标:

Drupal.theme.prototype.powered = function(color, height, width) {
return '<img src="/misc/powered-'+ color +'-'+ height +'x'+ width +'.png" />";
}

调用该函数的方法如下:

$('.footer').append(Drupal.theme('powered', 'black', 135, 42));

结果就是在页脚中输出了一个挺难看的图标:

powered-by-drupal-icon

我们还可以在当前主题的JS文件中覆写上面的powered函数,比如对图标路径进行自定义,不再使用默认的难看的图标:

Drupal.theme.prototype.powered = function(color, height, width) {
return '<img src="/sites/all/themes/powered_images/powered-'+ color +'-'+ height +'x'+ width
+'.png" />";
}

有关JavaScript本身的那点事就不在我们嘀咕的范围之内了,比如函数返回值相当自由啊可以是对象、数组或是jQuery元素啊一类一类的。其实这最后一篇里面貌似没什么货了。

顺便提供两个官方资源:

也就是这意思了;整个“模板主题(Drupal 6-7)”文档系列到此结束,历时3个月的样子。这两天思考一下接下来做哪部分。

译者:Viiiix7210

如需转载,请注明官方英文文档及本人译文的出处,谢谢。查看英文原文: Working with JavaScript and jQuery


收藏与分享

评论刷新

2011-04-11 15:51
怎么回复不了了你

添加评论


Security code
换一张图