DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 給artDialog 5.02 增加ajax get功能詳細介紹
給artDialog 5.02 增加ajax get功能詳細介紹
編輯:JQuery特效代碼     
之前用過artDialog 5.0之前版本,非常佩服作者的創意和敬業精神,現在新版的功能朝著輕量級js的方便發展,我還是比較喜歡之前artDialog.open的功能,直接方便。但就是之前版本有點大,我現在只想在artDialog增加一點從ajax get遠程內容,我的代碼如下:
. 代碼如下:
$.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;
},
extDialog:function(url,options){
var options=$.extend({okValue:'確定',cancelValue:'取消',lock:true,title:'對話框'}, options);
//如果存在,則不訪問url
var _get_html= $._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);
});
}
}
});

調用方法
. 代碼如下:
$.extDialog('url','{artDialog中的參數,content就不用寫了}'};
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved