国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery插件擴展實例【添加回調函數】

2019-11-19 18:48:40
字體:
來源:轉載
供稿:網友

本文實例講述了jQuery插件擴展的方法。分享給大家供大家參考,具體如下:

<script language="javascript" type="text/javascript">function doSomething(callback) {  // …   // Call the callback  callback('stuff', 'goes', 'here'); // 給callback賦值,callback是個函數變量}function foo1(a, b, c) {  // I'm the callback  alert(a + " " + b + " " + c);}doSomething(foo1); // foo1函數將使用callback函數中的數據 stuff goes herevar foo2 = function(a,b,c) {  // I'm the callback  alert(a + " " + b + " " + c);}doSomething(foo2); // foo2函數將使用callback函數中的數據 stuff goes heredoSomething(function(a,b,c){  alert(a + " " + b + " " + c); // function函數將使用callback函數中的數據 stuff goes here});</script>

callback這個參數必須是函數才有效。才能起到回調的作用。

<script language="javascript" type="text/javascript">function doSomething(callback) {  // …   // Call the callback  if(typeof callback === 'function'){    callback('stuff', 'goes', 'here'); // 給callback賦值,callback是個函數變量  }else{    alert('VeVB.COm');  }}function foo1(a, b, c) {  // I'm the callback  alert(a + " " + b + " " + c);}doSomething(foo1); // foo1函數將使用callback函數中的數據 stuff goes herevar foo2 = function(a,b,c) {  // I'm the callback  alert(a + " " + b + " " + c);}doSomething(foo2); // foo2函數將使用callback函數中的數據 stuff goes heredoSomething(function(a,b,c){  alert(a + " " + b + " " + c); // function函數將使用callback函數中的數據 stuff goes here});var foo3 = 'a';doSomething(foo3);</script>

foo3不是函數的時候,彈出VeVB.COm

jQuery實例

原函數

$.fn.citySelect=function(settings)

添加回調

$.fn.citySelect=function(settings, changeHandle) // 添加回調函數changeHandle

給回調函數賦值

//選項變動賦值事件var selectChange = function (areaType) {   if(typeof changeHandle === 'function'){ // 判斷callback是否是函數    var prov_id = prov_obj.get(0).selectedIndex;    var city_id = city_obj.get(0).selectedIndex;    var dist_id = dist_obj.get(0).selectedIndex;    if(!settings.required){      prov_id--;      city_id--;      dist_id--;    };    if(dist_id<0){      var data = {        prov: city_json.citylist[prov_id].p,        city: city_json.citylist[prov_id].c[city_id].n,        dist: null      };    }else{      var data = {        prov: city_json.citylist[prov_id].p,        city: city_json.citylist[prov_id].c[city_id].n,        dist: city_json.citylist[prov_id].c[city_id].a[dist_id].s      };    }    changeHandle(data, areaType); // 返回兩個處理好的數據  }};

獲取省市縣數據data以及觸發的change事件類型areaType

// 選擇省份時發生事件prov_obj.bind("change",function(){    cityStart();    selectChange('prov'); // 返回數據});// 選擇市級時發生事件city_obj.bind("change",function(){    distStart();    selectChange('city'); // 返回數據});// 選擇區級時發生事件dist_obj.bind("change",function(){    selectChange('dist'); // 返回數據});

在各個事件中執行

前端使用

$("#s_city").citySelect({  prov: "江蘇省",  city: "宿遷市",  dist: "宿城區",  nodata: "none"},function(data, type) {  selectAgent(data.city, data.dist);});

使用回調回來的data數據,用于selectAgent函數中

function selectAgent(city,district){    $.ajax({      type:"POST",      url:"{sh::U('Index/ajax',array('todo'=>'getagent'))}",      data:"city="+city+"&district="+district,      success:function(json){        json = JSON.parse(json);        opt_str = "<option value=''>-請選擇-</option>"        if(json.status == 1){          $.each(json.data,function(index,con){            opt_str += "<option value="+con.id+">"+con.name+" 電話:"+con.tel+"</option>"          })        }        $('#agent_id').html(opt_str);      }    });}

去ajax獲取相應的代理商數據。

改造插件完成。

更多關于jQuery相關內容感興趣的讀者可查看本站專題:《jQuery常用插件及用法總結》、《jQuery擴展技巧總結》、《jQuery切換特效與技巧總結》、《jQuery遍歷算法與技巧總結》、《jQuery常見經典特效匯總》、《jQuery動畫與特效用法總結》及《jquery選擇器用法總結

希望本文所述對大家jQuery程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 古田县| 瑞昌市| 屏山县| 玉树县| 四会市| 双江| 防城港市| 宝应县| 滁州市| 南平市| 上犹县| 江西省| 阿拉善右旗| 青田县| 太仆寺旗| 南昌市| 千阳县| 清水县| 桐柏县| 东莞市| 晋城| 托里县| 淮北市| 冷水江市| 凤城市| 合肥市| 沂南县| 姚安县| 忻城县| 益阳市| 清新县| 农安县| 灌阳县| 平遥县| 五家渠市| 扶风县| 驻马店市| 道孚县| 南昌县| 长寿区| 洞口县|