寻找一种使用PHP的“可排序”功能的方法

时间:2013-03-06 12:38:15

标签: php jquery jquery-ui

我有一个图像文件夹,我希望用PHP将其加载到可以使用Sortable jQueryUI函数移动的图像列表中。我运行了一个基本的php测试,所以我知道php没有失败,但我的代码可能因其他原因而出错,而且缺乏jQueryUI的经验。以下是我希望使用的代码的重要部分。

<script type="text/javascript" src="jquery-1.9.1.js"></script>
<script type="text/javascript" src="jquery-ui-1.10.1.custom.min.js"></script>
<script language="javascript" type="text/javascript" defer>

jQuery(document).ready(function( $ ) {
$( "#item-wrap" ).sortable();
$( "#item-wrap" ).disableSelection();
});
</script>

<style>
#item-wrap { list-style-type: none; margin: 0; padding: 0; width: 450px; }
#item-wrap li { margin: 3px 3px 3px 0; padding: 1px; float: left; width: 300px;
height: 300px; font-size: 4em; text-align: center; }
</style>

<ul id="item-wrap">
<?php
  $imagesDir = '/uploads/gallery1/';
  $images = glob($imagesDir . '*.{jpg,jpeg,png,gif}', GLOB_BRACE);
  $imglist = json_encode($images);
  for ($i = 1; $i <= count($imglist); $i++) {
?><li><?php
echo $array[$i];
?></li><?php
  }
</ul>
?>

图像无法显示,并且未创建任何列表。 非常感谢任何帮助或建议。

1 个答案:

答案 0 :(得分:0)

尝试用

替换PHP代码块
<?php
    $imagesDir = dirname(__FILE__) . '/uploads/gallery1/';
    $images = glob($imagesDir . '*.{jpg,jpeg,png,gif}', GLOB_BRACE);
    for ($i = 0; $i < count($images); $i++) {
?><li><?php
    echo $images[$i];
?></li><?php

请详细说明问题究竟是什么 - 如果错误 - 请将信息附加到问题