我不确定什么是错的,这个脚本在一个文件中工作正常,但是在另一个文件中无法工作,其中Bootstrap Font-awesome通过Bootstrap CDN调用,PureCSS用作主要用户体验,与股票CSS和jQuery相比。坦率地说,因为代码是相同的,所以设计是不同的,但即便如此,我也不知道为什么它不会被追加。
这是基于jQuery 1.6.2的代码(我知道它的旧jQuery库)
$(document).ready(function) {
$.getJSON( 'file.php?path=<?php echo $_GET['path']; ?>&jsoncallback=?', function( data ) {
$("#content").html('');
$.each(data, function (i, item) {
$("#content").append('<div class="pure-u-1-5"><div class="product" data="' + item.path + '"><div class="like"></div><img src="assets/empty-0.gif" width="244" height="238" style="display:block;width:244px;height:238px;overflow:hidden;background-image:url(' + item.thumb + ');background-repeat:no-repeat;background-position:top center;background-size:auto;"/><div class="title">' + item.name + '</div><div class="description"></div> <strong>Filesize:</strong> ' + item.size + '<div style="clear:both;height:8px;"></div> about ' + item.date + ' ago<div style="clear:both;height:8px;"></div></div><div class="clear"></div></div></div>');
});
});
});
现在这里是你在$ .getJSON调用中看到的PHP部分。
$dh = opendir($dir);
$files = array();
while (($file = readdir($dh)) !== false) {
if ($file != '.' AND $file != '..' ) {
if (filetype($dir . $file) == 'file') {
$files[] = array(
'id' => $file_id,
'name' => $file_name,
'size' => $file_size. ' bytes',
'date' => time_since(date("ymd Hi", filemtime($dir . $file))),
'path' => $dir . $file,
'thumb' => . $dir . $file . "_th.jpg"
);
}
}
}
closedir($dh);
$json = json_encode($files);
$callback = $_GET['callback'];
echo $callback.'('. $json . ')';
基于源代码传递$ _GET ['path'],如果你在浏览器中转到file.php,则会生成相应的文件夹路径JSON文件。但它没有附加到#content
CSS snippt
<div class="databox">
<div class="pure-g-r">
<div class="pure-u-1">
<div id="content"></div>
</div>
</div>
</div>
有什么建议错了吗?再次代码在不同的文件上工作正常。
提前致谢。