zoukankan      html  css  js  c++  java
  • jQuery按钮控件,转来的

    网上转来的,刚好能用到,不过要改造。先把原来的代码贴上做个记录,稍后整理。
     
    (function($){   
        $.fn.btn = function(){   
            var btn = this.data("_self");;   
            if(btn){   
                return btn;   
            };   
            this.init = function(){   
                var obj = $(this);   
                var id=$(this).attr('id')||"gen"+Math.random();   
                var icon = $(this).attr('icon')||'icon-btncom';   
                var bntStr=[   
                    '<table id="',id,'" class="z-btn" cellSpacing=0 cellPadding=0 border=0><tbody><tr>',   
                        '<TD class=z-btn-left><i>&nbsp;</i></TD>',   
                        '<TD class=z-btn-center><EM unselectable="on">',   
                            '<BUTTON class="z-btn-text ',icon,'" >',$(this).attr('value'),'</BUTTON>',   
                        '</EM></TD>',   
                        '<TD class=z-btn-right><i>&nbsp;</i></TD>',   
                    '</tr></tbody></table>'  
                ];   
                var bnt = $(bntStr.join('')).btn();   
                bnt._click = eval(obj.attr("onclick"));   
                bnt.disable();   
                if(obj.attr("disabled"))   
                    bnt.disable();   
                else bnt.enable();   
                $(this).replaceWith(bnt);   
                bnt.data("_self", bnt);     
                return bnt;   
            };   
            this.enable = function(){   
                this.removeClass("z-btn-dsb");   
                this.click(this._click);   
                this.hover(   
                      function () {   
                        $(this).addClass("z-btn-over");   
                      },   
                      function () {   
                        $(this).removeClass("z-btn-over");   
                      }   
                    )   
            };   
            this.disable = function(){   
                 this.addClass("z-btn-dsb");   
                 this.unbind("hover");   
                 this.unbind("click");   
            };     
            return this;   
        };   
           
        $(function(){   
            $("input[type='button']").each(function(){   
                $(this).btn().init();   
            });   
            $("input[type='reset']").each(function(){   
                $(this).btn().init().click(function(){   
                    var form = $(this).parents("form")[0];   
                    if(form)   
                        form.reset();   
                });   
            });   
            $("input[type='submit']").each(function(){   
                $(this).btn().init().click(function(){   
                    var form = $(this).parents("form")[0];   
                    if(form)   
                        form.submit();   
                });   
            });   
        })   
    })(jQuery);  
  • 相关阅读:
    根据输入的个数,打印每行做多输出3个的for循环
    在启动页面后面再加载一个广告页,可以定制动画等
    frame.size.height无法直接赋值问题
    iOS开发远程推送
    iOS——UIKeyboardWillShowNotification 监听键盘高度变化
    iOS 浅谈本地通知 UILocalNotification
    iOS中assign、copy 、retain等关键字的含义
    GCD
    xocde快速定位崩溃代码
    关于xcode打包app
  • 原文地址:https://www.cnblogs.com/aha/p/1894114.html
Copyright © 2011-2022 走看看