Flashy更新到了1.2.1,到了1.2之后加上了Ajax评论的功能。可能有些人对此不感冒,但我还是比较喜欢的。
Ajax评论蓄谋已久,但由于自己水平能力的限制一直都未实现。由于多php、jQuery、Ajax开发的欠缺和对WordPress的理解不深刻,两次的提交都未成功。主要的问题就是Ajax请求的处理方式的问题。
现在用的方法是不改变评论的路径,依然是提交到wp-comments-post.php。在转向的时候做处理,在functions.php中添加如下代码:
add_filter(‘comment_post_redirect’,'commentAjaxPost’,10,2)
在“commentAjaxPost”方法中对$comment进行处理。主要就是将comment.php中的<li>标签连同其内部的代码拷贝到“commentAjaxPost”方法中,并在方法末尾使用”exit;”。剩下的工作就是在js中处理响应内容了。
这种方法也比较简单,唯一不足的地方时wp-comments-post.php中的异常处理用的是wp_die(),这个方法会生成一个包含错误信息的页面。在Ajax中,我们就要从改页面的代码中找出我们所要显示给用户的错误信息。
另外在网上查到了位于wp-admin/admin-ajax.php中的wp_ajax_{$_GET[action]}和wp_ajax_{$_POST[action]}两个hook,不知道是不是可以用在处理Ajax请求中。有待研究…
下载 flashy 1.2.1
这几天都没更新,看过几篇好的介绍chrome 插件的文章也没有分享。
前些天看了下jQuery,昨天心血来潮写了个页面平滑滚动的插件。
比如有些页面会在底部添加一个类似Top的按钮,点击后页面会滚动到页面顶部。这个插件的功能就是实现平滑的滚动,并且不会在地址栏上添加锚点的名字。用的是jQuery+jquery.scrollTo,我自己写的代码不过简单的十行而已。所以插件比较小且简单,用处不大,喜欢的就试试吧。
不知道类似功能的插件是不是已经有了,见过的告知一下,谢谢。
测试:点此到底部,这就是装上插件的效果,这里的加的链接是“#footer”,因为页面底部有一个<div id=”footer”>的 标签。
下载
在上一篇学习比较中写了简单个tab联系,逻辑性不是很强。这次的是我从网上看到的一个例子–jQuery多级菜单,然后自己重新了一遍,并把自己的理解加在代码的注释中。上一次看jQuery的时候就有看到这个例子,只怪自己当时学习不够认真扎实,照葫芦画瓢写了一遍也没实现,更别说理解了。这次看书的时候比较用心,硬是看明白了这次。demo
这次的顺利还得益于上次的ExtJs项目中的上千次firebug脚本调试,从中学习了不少知识。
我觉得难点主要有两个
- 第一个难点与jQuery无关,全关系到了全局,那就是CSS样式的设置。顶层的li元素的position应设为relative,次级菜单li元素的position设为absolute
- 判断鼠标激活的元素是否位于顶层,因为这直接影响到了sub menu位置的left坐标的值
代码:
Read more…
jQuery很久以前就开始学习,但是只看完了选择器就丢下了。最近找来了《锋利的jQuery》来看,感觉还不错,看得比之前认真。刚看完了选择器和动画,自己动手做了个tab。demo
jQuery中的动画效果只要是通过更改元素的位置、大小以及透明度来实现的。
- hide/show方法通过改变元素的hight、width两个属性值来实现元素的隐藏和现实
- slideUp/slideDown实现的是一种卷帘的效果,实现的方法是改变元素的height属性值
- fadeOut/fadeIn方法是改变元素的透明度
- animate则比较全面,可以根据需要从不同角度来实现动画交过,而上面的三个方法的效果都可以通过animate来实现
代码:
Read more…