之前用過artDialog 5.0之前版本,非常佩服作者的創意和敬業精神,現在新版的功能朝著輕量級js的方便發展,我還是比較喜歡之前artDialog.open的功能,直接方便。但就是之前版本有點大,我現在只想在artDialog增加一點從ajax get遠程內容,My Code如下:
$.extend({ _htmlDataArr:new Array(), _findHTML:function(url){ var hd_len= $._htmlDataArr.length; for(var i=0;i<hd_len;i++) { if($._htmlDataArr[i][0]==url){ return $._htmlDataArr[i][1]; } } return null; }, extDialogFrame:function(url,options){ var options=$.extend({okValue:'確定',cancelValue:'取消',lock:true,title:'對話方塊',padding: 0}, options); options.content='<iframe src="'+url+'" width="'+options.width+'" height="'+options.height+'" frameborder="2" allowtransparency="true" marginheight="0" marginwidth="0" ></iframe>'; artDialog(options); } , extDialogAjax:function(url,options){ var options=$.extend({okValue:'確定',cancelValue:'取消',lock:true,title:'對話方塊'}, options); //如果存在,則不訪問url var _get_html= null;//= $._findHTML(url); if(_get_html!=null){ options.content=_get_html; artDialog(options); }else{ $.get(url,function(html){ _new_get_arr= new Array(); _new_get_arr[0]=url; _new_get_arr[1]=html; $._htmlDataArr.push(_new_get_arr); options.content=html; artDialog(options); }); } }});
調用方法
$.extDialogAjax('url','{artDialog中的參數,content就不用寫了}'};
$.extDialogFrame('url','{artDialog中的參數,content就不用寫了}'};