我想知道是否有人可以幫助我與jQuery的文件樹(jQuery File Tree)jquery文件樹 - 默認打開文件夾?
我想知道是否/怎麼會是可以設置一些類型的變量,會告訴文件樹有一定的文件夾打開負載。 (如:文件夾/圖片/水果/是默認打開的)
下面的代碼來調用文件樹:
$('#container_id').fileTree({
root: '/images/'
}, function(file) {
alert(file);
});
而這裏的filetree.js文件:
// jQuery File Tree Plugin
//
// Version 1.01
//
// Cory S.N. LaViska
// A Beautiful Site (http://abeautifulsite.net/)
// 24 March 2008
//
// Visit http://abeautifulsite.net/notebook.php?article=58 for more information
//
// Usage: $('.fileTreeDemo').fileTree(options, callback)
//
// Options: root - root folder to display; default =/
// script - location of the serverside AJAX file to use; default = jqueryFileTree.php
// folderEvent - event to trigger expand/collapse; default = click
// expandSpeed - default = 500 (ms); use -1 for no animation
// collapseSpeed - default = 500 (ms); use -1 for no animation
// expandEasing - easing function to use on expand (optional)
// collapseEasing - easing function to use on collapse (optional)
// multiFolder - whether or not to limit the browser to one subfolder at a time
// loadMessage - Message to display while initial tree loads (can be HTML)
//
// History:
//
// 1.01 - updated to work with foreign characters in directory/file names (12 april 2008)
// 1.00 - released (24 March 2008)
//
// TERMS OF USE
//
// This plugin is dual-licensed under the GNU General Public License and the MIT License and
// is copyright 2008 a Beautiful Site, LLC.
//
if(jQuery) (function($){
$.extend($.fn, {
fileTree: function(o, h) {
// Defaults
if(!o) var o = {};
if(o.root == undefined) o.root = '/';
if(o.script == undefined) o.script = 'jqueryFileTree.php';
if(o.folderEvent == undefined) o.folderEvent = 'click';
if(o.expandSpeed == undefined) o.expandSpeed= 500;
if(o.collapseSpeed == undefined) o.collapseSpeed= 500;
if(o.expandEasing == undefined) o.expandEasing = null;
if(o.collapseEasing == undefined) o.collapseEasing = null;
if(o.multiFolder == undefined) o.multiFolder = true;
if(o.loadMessage == undefined) o.loadMessage = 'Loading...';
$(this).each(function() {
function showTree(c, t) {
$(c).addClass('wait');
$(".jqueryFileTree.start").remove();
$.post(o.script, { dir: t }, function(data) {
$(c).find('.start').html('');
$(c).removeClass('wait').append(data);
if(o.root == t) $(c).find('ul:hidden').show(); else $(c).find('ul:hidden').slideDown({ duration: o.expandSpeed, easing: o.expandEasing });
bindTree(c);
});
}
function bindTree(t) {
$(t).find('li a').bind(o.folderEvent, function() {
if($(this).parent().hasClass('directory')) {
if($(this).parent().hasClass('collapsed')) {
// Expand
if(!o.multiFolder) {
$(this).parent().parent().find('ul').slideUp({ duration: o.collapseSpeed, easing: o.collapseEasing });
$(this).parent().parent().find('li.directory').removeClass('expanded').addClass('collapsed');
}
$(this).parent().find('ul').remove(); // cleanup
showTree($(this).parent(), escape($(this).attr('rel').match(/.*\//)));
$(this).parent().removeClass('collapsed').addClass('expanded');
} else {
// Collapse
$(this).parent().find('ul').slideUp({ duration: o.collapseSpeed, easing: o.collapseEasing });
$(this).parent().removeClass('expanded').addClass('collapsed');
}
} else {
h($(this).attr('rel'), $(this).attr('name'), $(this).attr('title'), $(this).attr('id'));
}
return false;
});
// Prevent a from triggering the # on non-click events
if(o.folderEvent.toLowerCase != 'click') $(t).find('li a').bind('click', function() { return false; });
}
// Loading message
$(this).html('<ul class="jqueryFileTree start"><li class="wait">' + o.loadMessage + '<li></ul>');
// Get the initial file list
showTree($(this), escape(o.root));
});
}
});
})(jQuery);
每我一直試圖搗亂它,我一直在殺死它,因爲我的JavaScript並不是那麼好。任何幫助,將不勝感激! :)
我也許能幫助更多的如果你表現出你對容器的內容.. – Kai 2010-06-23 05:31:30
http://bravecomm.filemanager.360southclients.com/testing.php – SoulieBaby 2010-06-23 05:42:59
只是想知道如果我把作爲一個答案破解爲你工作好模擬點擊。 – spinon 2010-07-04 17:39:11