2.0版增長了模態框並重寫了右鍵菜單插件。界面改成全中文。使用方式更加靈活。git
同時,文件及目錄更名更方便,直接雙擊名稱就可更名。github
這是DEMO的效果圖。ide
一、功能上的主要改進是能夠雙擊改文件/目錄名稱,還有就是選項增長了
modal:true,
delBtn:true,
delBtn:function(){
//do something
},
這使用使用方式更加多樣,方便用於不一樣場景。
具體用法:
$(function(){
$('#normal').YesFinder({modal:true},function(file,finder){
finder.alert('你選擇的文件是 "'+file+'"');
});
$('#modal').YesFinder({modal:true,width:900,height:600},function(file,finder){
file = finder.baseUrl + file;
console.log(file);
this.find('img')[0].src = file;
finder.YesModal.hide();
});
$('#delBtn').YesFinder({
modal:true,
delBtn:true,
delBtnClick:function(finder){
this.find('img').attr('src','nopic.gif');
}
},function(file,finder){
file = finder.baseUrl + file;
this.find('img')[0].src = file;
finder.YesModal.hide();
});
});
二、界面及交互更加人性化。
爲此,專門寫了YesModal(模態框)和YesContextMenu(右鍵菜單)2個插件,這2個插件能夠單獨使用。
三、所有改成了中文。
this
項目地址: https://github.com/steven-ye/YesFinderspa