jQuery.fn.extend ({ ui_radio: function(){//Radio var theClass = $(this).attr("class"); this.each(function(){ ui_radio_function(theClass); return false; }); function ui_radio_function(theClass){ $("."+theClass+" label").addClass("shui_radio_label") .hover( function(){//移過去效果 $(this).addClass("shui_radio_label_over"); }, function(){//復原效果 $(this).removeClass("shui_radio_label_over"); }).click(function(){ $(this).siblings("label").removeClass("shui_radio_label_click").end().addClass("shui_radio_label_click");//點擊的效果 var rid = $(this).attr("for"); $("#"+rid).trigger("click");//觸發點選 }); //把所有radio隱藏 $("."+theClass+" :radio").each(function(){ $(this).hide(); if($(this).attr("checked")==true){ $("label[for='"+this.id+"']").addClass("shui_radio_label_click");//點擊的效果 }; }); }; }, ui_checkbox:function(){//Checkbox var theClass = $(this).attr("class"); this.each(function(){ ui_checkbox_function(theClass); return false; }); function ui_checkbox_function(theClass){ $("."+theClass+" label").addClass("shui_checkbox_label") .hover( function(){//移過去效果 $(this).addClass("shui_checkbox_label_over"); }, function(){//復原效果 $(this).removeClass("shui_checkbox_label_over"); }).click(function(){ $(this).toggleClass("shui_checkbox_label_click");//點擊的效果 var rid = $(this).attr("for"); $("#"+rid).trigger("click");//觸發點選 }); //把所有checkbox隱藏 $("."+theClass+" :checkbox").each(function(){ $(this).hide(); if($(this).attr("checked")==true){ $("label[for='"+this.id+"']").addClass("shui_checkbox_label_click");//點擊的效果 }; }); }; } ,ui_autoMenu:function(option){//自動比對選單 return this.each(function(){ ui_autoMenu_function(this.id,option); }); function ui_autoMenu_function(clickId,option){ var setting = {theHeight:200 , url:"" , strLength:1}; $.extend(setting,option); var theHeight = setting.theHeight;//高度 var url = setting.url;//溝通網址 var strLength = setting.strLength;//至少字串長度 //鍵盤打字 $("#"+clickId).keyup(function(e){ if(url == ""){ alert("請指定ajax溝通的網址"); return false; } if($("#"+clickId).val().length < strLength){//判斷字串大於多長才進行字串比對 return false; } if(!$("#shui_autoMenu").attr("id")){ var theWidth = $(this).width();//取得輸入框的寬度 var theLeft = $(this).offset().left ;//取得輸入框的位置 var theTop = $(this).offset().top + $(this).height() + 5; $("body").append("
"); $("#shui_autoMenu").css({ "width":theWidth, "height":theHeight, "left":theLeft, "top":theTop }).load(url,{SendStr:$("#"+clickId).val()}); } else{ $("#shui_autoMenu").load(url,{SendStr:$("#"+clickId).val()}); } //點選項目 $("#shui_autoMenu li").live("click",function(){ $("#"+clickId).val($(this).text()); }); e.stopPropagation();//防止冒泡 }); //點選其他關閉選單 $(document).click(function(e){ $("#shui_autoMenu").remove(); $("#shui_autoMenu li").die("click"); e.stopPropagation();//防止冒泡 }); } }, ui_setmask: function(option){ return this.each(function(){ ui_setmask(this.id); }); function ui_setmask(clickId){ var setting = {dotype: "mask", maskColor:"#000000", opacity:"0.1"}; $.extend(setting,option); if(setting.dotype == 'mask'){ //取得視窗的長寬 var maskWidth = $(document).width(); var maskHeight = $(document).height(); //if($.browser.version == '6.0'){//防止IE6.0下拉選單無法mask $("body").append("