国产探花免费观看_亚洲丰满少妇自慰呻吟_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程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 葫芦岛市| 邹平县| 南木林县| 西盟| 西乌| 漳浦县| 明水县| 呼图壁县| 剑阁县| 镇远县| 东乡族自治县| 克什克腾旗| 岑溪市| 南澳县| 应城市| 奉新县| 龙海市| 洛南县| 沾化县| 乃东县| 穆棱市| 兴城市| 白水县| 沈丘县| 高陵县| 元阳县| 银川市| 孙吴县| 依兰县| 乐清市| 和静县| 尼勒克县| 扶风县| 綦江县| 磐石市| 岳阳县| 阿克陶县| 太保市| 三明市| 偃师市| 雅江县|