发表于

在实际业务过程中，经常会碰到点击一个按钮ajax提交表单，如果不加以控制按钮一点可点击，导致ajax重复提交，最终业务上的重复和资源上的浪费

可以用两种方式来加以控制

  • ajax beforeSend里将button禁用，complete将button恢复可用
  • 一段时间内button禁用，之后恢复可用

这里使用第二种方式结合一个发送验证码的例子写了一个插件，点击按钮后ajax调用后台发送验证码，按钮60秒禁用，不可以再次获取验证码，并在button上显示倒计时

阅读全文 »

发表于

分享一个jquery表单自动填充插件

How to use it?

you have a form

1
2
3
4
5
6
7
<form id="f">
    name <input type="text" name="name">
    email <input type="text" name="email">
    love jQuery
    <input type="radio" name="lovejquery" value="yes"> yes
    <input type="radio" name="lovejquery" value="no"> no
</form>
阅读全文 »

发表于

绝对定位元素盖住链接或添加某事件handle的元素后，那么该链接的默认行为（页面跳转）或元素事件将不会被触发。
现在Firefox3.6+/Safari4+/Chrome支持一个称为pointer-events的css属性。使用该属性可以决定是否能穿透绝对定位元素去触发下面元素的某些行为。如下

阅读全文 »

发表于

Fancybox是一款基于jquery开发的类Lightbox插件。支持对放大的图片添加阴影效果，对于一组相关的图片添加导航操作按纽。

Fancybox 是一款很绚丽的 jquery 弹出层展示插件，该lightbox除了能够展示图片之外，还可以展示iframed内容， 通过css自定义外观。

阅读全文 »

发表于

验证字符是否是由大小写字母数字汉字组成，+表示重复一次或多次

1
2
3
4
5
6
7
function valid($string) {
    if(!preg_match("/^[a-zA-Z0-9\x{4e00}-\x{9fa5}\s]+$/u", $string)){
        return false;
    }
    return true;
}

短小精悍但是非常好用。

发表于

以cms page为例，后台cms page默认是按照identifier升序排列的，如果想要找到最近修改的页面就需要点击Last Modified列让其降序排列，网站运营几年后页面多了非常不方便，所以简单暴力的方法是直接把页面默认的排序方式改成按Last Modified倒序排列。

阅读全文 »

发表于

分享一个jquery倒计时插件

demo

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<html>
    <head>
        <meta charset="utf-8" />
        <title>Countdown Demo</title>
        <style>
        </style>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
        <script src="jquery.countdown.js"></script>
        <script>
            $(function() {
                $('.J_countdown1').countdown();
                $('.J_countdown2').countdown({
                    tmpl : '<span>%{d}</span>天<span>%{h}</span>小时<span>%{m}</span>分<span>%{s}</span>秒'
                });
                $('.J_countdown3').countdown({
                    tmpl : '<span>%{d}</span>天, <span>%{h}</span>小时, <span>%{m}</span>分, <span>%{s}</span>秒'
                });
            });
        </script>
    </head>
    <body>
        <div class="J_countdown1" data-diff="10"></div>
        <div class="J_countdown1" data-diff="70"></div>
        <div class="J_countdown1" data-diff="3610"></div>
        <div class="J_countdown1" data-diff="86410"></div>
        <div class="J_countdown2" data-diff="21234567890"></div>
        <div class="J_countdown3" data-diff="21234567890"></div>
    </body>
</html>

阅读全文 »

发表于

分享一个jquery悬浮插件

调用demo

1
2
3
4
5
6
7
<script src="jquery.js"></script>
<script src="jquery.sticky.js"></script>
<script>
  $(document).ready(function(){
    $("#sticker").sticky({topSpacing:0});
  });
</script>

项目地址：http://stickyjs.com/

发表于

网站上的经常出促销规则经常被篡改了导致促销出现问题，出了事情后也没有人敢承认是自己改的，于是有一个小任务是给magento的规则加一个创建人，创建时间，最后修改人，最后修改时间等信息

阅读全文 »