callback这个参数必须是函数才有效。才能起到回调的作用。
foo3不是函数的时候，弹出fuck you
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 = "" if(json.status == 1){ $.each(json.data,function(index,con){ opt_str += "" }) } $('#agent_id').html(opt_str); } }); } 去ajax获取相应的代理商数据。
改造插件完成。