寻找一种在 PHP 中使用“Sortable”函数的方法

Question

我有一个图像文件夹，我希望用 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>
?>

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

Answer 1

尝试将您的 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

请具体说明问题所在 - 如果是错误 - 请在问题中附上消息