[ad_1]
私のウェブサイトでは、「labs.abeautifulsite.net」の「jQuery File Tree」を使用して、サーバー上のファイルの名前を取得しようとしています。 ページの div は正しく作成されていますが、データが入力されていません。 jqueryは私にとってはうまくいかないようです。
パスを変更する必要がある場合は、すべてのヘルプに感謝します。
ありがとう。
私が試したこと:
デモ ファイルをそのまま使用しました。 変更されたルート フォルダー パスとコネクタ スクリプト ファイルのさまざまな組み合わせを試しました。 ただそれを機能させることはできません。
================================================== ==============
これは私のホームページです。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery File Tree Demo</title> <meta http-equiv="Content-Type" content="text/html;charset=windows-1252" /> <style type="text/css"> BODY, HTML { padding: 0px; margin: 0px; } BODY { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background: #EEE; padding: 15px; } H1 { font-family: Georgia, serif; font-size: 20px; font-weight: normal; } H2 { font-family: Georgia, serif; font-size: 16px; font-weight: normal; margin: 0px 0px 10px 0px; } .example { float: left; margin: 15px; } .demo { width: 200px; height: 400px; border-top: solid 1px #BBB; border-left: solid 1px #BBB; border-bottom: solid 1px #FFF; border-right: solid 1px #FFF; background: #FFF; overflow: scroll; padding: 5px; } </style> <script src="jquery.js" type="text/javascript"></script> <script src="jquery.easing.js" type="text/javascript"></script> <script src="jqueryFileTree.js" type="text/javascript"></script> <link href="jqueryFileTree.css" rel="stylesheet" type="text/css" media="screen" /> <script type="text/javascript"> $(document).ready( function() { $('#fileTreeDemo_1').fileTree({ root: '../../', script: 'connectors/jqueryFileTree.php' }, function(file) { alert(file); }); $('#fileTreeDemo_2').fileTree({ root: '../../demo/', script: 'connectors/jqueryFileTree.php', folderEvent: 'click', expandSpeed: 750, collapseSpeed: 750, multiFolder: false }, function(file) { alert(file); }); $('#fileTreeDemo_3').fileTree({ root: '../../demo/', script: 'connectors/jqueryFileTree.php', folderEvent: 'click', expandSpeed: 750, collapseSpeed: 750, expandEasing: 'easeOutBounce', collapseEasing: 'easeOutBounce', loadMessage: 'Un momento...' }, function(file) { alert(file); }); $('#fileTreeDemo_4').fileTree({ root: '../../demo/', script: 'connectors/jqueryFileTree.php', folderEvent: 'dblclick', expandSpeed: 1, collapseSpeed: 1 }, function(file) { alert(file); }); }); </script> </head> <body> <h1>jQuery File Tree Demo</h1> <p> Feel free to view the source code of this page to see how the file tree is being implemented. </p> <div class="example"> <h2>Default options</h2> <div id="fileTreeDemo_1" class="demo"></div> </div> <div class="example"> <h2>multiFolder = false</h2> <div id="fileTreeDemo_2" class="demo"></div> </div> <div class="example"> <h2>Custom load message & easing</h2> <div id="fileTreeDemo_3" class="demo"></div> </div> <div class="example"> <h2>Double click & no animation</h2> <div id="fileTreeDemo_4" class="demo"></div> </div> </body> </html>
==================================================
php コネクタ ファイル、画像、js、および css ファイルがそれぞれの場所にありますが、空白の div が表示されます。
2018 年 8 月 14 日更新
これは、jQueryFiletree.js スクリプト「jqueryFileTree.js」と関連する CSS「jqueryFileTree.css」です。 私のサイトのルートは /wamp64/www/jq です。ルートを /wamp64/www/、「../../」、「https://www.codeproject.com/」などの他の多くのものに変更してみました。 」など、これまでのところ何も機能していません。
スクリプトは次のとおりです。
// 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 $ 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')); } return false; }); // Prevent A from triggering the # on non-click events if( o.folderEvent.toLowerCase != 'click' ) $ } // Loading message $(this).html('<ul class="jqueryFileTree start"><li class="wait">' + o.loadMessage + '</li><li></li></ul>'); // Get the initial file list showTree( $(this), escape(o.root) ); }); } }); })(jQuery); ============================= The jqueryFileTree.css : UL.jqueryFileTree { font-family: Verdana, sans-serif; font-size: 11px; line-height: 18px; padding: 0px; margin: 0px; } UL.jqueryFileTree LI { list-style: none; padding: 0px; padding-left: 20px; margin: 0px; white-space: nowrap; } UL.jqueryFileTree A { color: #333; text-decoration: none; display: block; padding: 0px 2px; } UL.jqueryFileTree A:hover { background: #BDF; } /* Core Styles */ .jqueryFileTree LI.directory { background: url(images/directory.png) left top no-repeat; } .jqueryFileTree LI.expanded { background: url(images/folder_open.png) left top no-repeat; } .jqueryFileTree LI.file { background: url(images/file.png) left top no-repeat; } .jqueryFileTree LI.wait { background: url(images/spinner.gif) left top no-repeat; } /* File Extensions*/ .jqueryFileTree LI.ext_3gp { background: url(images/film.png) left top no-repeat; } .jqueryFileTree LI.ext_afp { background: url(images/code.png) left top no-repeat; } .jqueryFileTree LI.ext_afpa { background: url(images/code.png) left top no-repeat; } .jqueryFileTree LI.ext_asp { background: url(images/code.png) left top no-repeat; } .jqueryFileTree LI.ext_aspx { background: url(images/code.png) left top no-repeat; } .jqueryFileTree LI.ext_avi { background: url(images/film.png) left top no-repeat; } .jqueryFileTree LI.ext_bat { background: url(images/application.png) left top no-repeat; } .jqueryFileTree LI.ext_bmp { background: url(images/picture.png) left top no-repeat; } .jqueryFileTree LI.ext_c { background: url(images/code.png) left top no-repeat; } .jqueryFileTree LI.ext_cfm { background: url(images/code.png) left top no-repeat; } .jqueryFileTree LI.ext_cgi { background: url(images/code.png) left top no-repeat; } .jqueryFileTree LI.ext_com { background: url(images/application.png) left top no-repeat; } .jqueryFileTree LI.ext_cpp { background: url(images/code.png) left top no-repeat; } .jqueryFileTree LI.ext_css { background: url(images/css.png) left top no-repeat; } .jqueryFileTree LI.ext_doc { background: url(images/doc.png) left top no-repeat; } .jqueryFileTree LI.ext_exe { background: url(images/application.png) left top no-repeat; } .jqueryFileTree LI.ext_gif { background: url(images/picture.png) left top no-repeat; } .jqueryFileTree LI.ext_fla { background: url(images/flash.png) left top no-repeat; } .jqueryFileTree LI.ext_h { background: url(images/code.png) left top no-repeat; } .jqueryFileTree LI.ext_htm { background: url(images/html.png) left top no-repeat; } .jqueryFileTree LI.ext_html { background: url(images/html.png) left top no-repeat; } .jqueryFileTree LI.ext_jar { background: url(images/java.png) left top no-repeat; } .jqueryFileTree LI.ext_jpg { background: url(images/picture.png) left top no-repeat; } .jqueryFileTree LI.ext_jpeg { background: url(images/picture.png) left top no-repeat; } .jqueryFileTree LI.ext_js { background: url(images/script.png) left top no-repeat; } .jqueryFileTree LI.ext_lasso { background: url(images/code.png) left top no-repeat; } .jqueryFileTree LI.ext_log { background: url(images/txt.png) left top no-repeat; } .jqueryFileTree LI.ext_m4p { background: url(images/music.png) left top no-repeat; } .jqueryFileTree LI.ext_mov { background: url(images/film.png) left top no-repeat; } .jqueryFileTree LI.ext_mp3 { background: url(images/music.png) left top no-repeat; } .jqueryFileTree LI.ext_mp4 { background: url(images/film.png) left top no-repeat; } .jqueryFileTree LI.ext_mpg { background: url(images/film.png) left top no-repeat; } .jqueryFileTree LI.ext_mpeg { background: url(images/film.png) left top no-repeat; } .jqueryFileTree LI.ext_ogg { background: url(images/music.png) left top no-repeat; } .jqueryFileTree LI.ext_pcx { background: url(images/picture.png) left top no-repeat; } .jqueryFileTree LI.ext_pdf { background: url(images/pdf.png) left top no-repeat; } .jqueryFileTree LI.ext_php { background: url(images/php.png) left top no-repeat; } .jqueryFileTree LI.ext_png { background: url(images/picture.png) left top no-repeat; } .jqueryFileTree LI.ext_ppt { background: url(images/ppt.png) left top no-repeat; } .jqueryFileTree LI.ext_psd { background: url(images/psd.png) left top no-repeat; } .jqueryFileTree LI.ext_pl { background: url(images/script.png) left top no-repeat; } .jqueryFileTree LI.ext_py { background: url(images/script.png) left top no-repeat; } .jqueryFileTree LI.ext_rb { background: url(images/ruby.png) left top no-repeat; } .jqueryFileTree LI.ext_rbx { background: url(images/ruby.png) left top no-repeat; } .jqueryFileTree LI.ext_rhtml { background: url(images/ruby.png) left top no-repeat; } .jqueryFileTree LI.ext_rpm { background: url(images/linux.png) left top no-repeat; } .jqueryFileTree LI.ext_ruby { background: url(images/ruby.png) left top no-repeat; } .jqueryFileTree LI.ext_sql { background: url(images/db.png) left top no-repeat; } .jqueryFileTree LI.ext_swf { background: url(images/flash.png) left top no-repeat; } .jqueryFileTree LI.ext_tif { background: url(images/picture.png) left top no-repeat; } .jqueryFileTree LI.ext_tiff { background: url(images/picture.png) left top no-repeat; } .jqueryFileTree LI.ext_txt { background: url(images/txt.png) left top no-repeat; } .jqueryFileTree LI.ext_vb { background: url(images/code.png) left top no-repeat; } .jqueryFileTree LI.ext_wav { background: url(images/music.png) left top no-repeat; } .jqueryFileTree LI.ext_wmv { background: url(images/film.png) left top no-repeat; } .jqueryFileTree LI.ext_xls { background: url(images/xls.png) left top no-repeat; } .jqueryFileTree LI.ext_xml { background: url(images/code.png) left top no-repeat; } .jqueryFileTree LI.ext_zip { background: url(images/zip.png) left top no-repeat; }
================================================== =====================================
すべてのヘルプとガイダンスに心から感謝します。 (私の専門レベルは「初級」です)
解決策 1
開発者ツールを紹介してくれた Richard に感謝します。 結局のところ、私は jquery.js の最新バージョン、正確にはバージョン 3.3.1 を使用し、ビンゴの問題は解決しました。 再度、感謝します。
解決策 2
ビットコインETFとビットコインETPの違いは何ですか?
ビットコインETP
[ad_2]
コメント