-1

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

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

4

1 回答 1

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

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

于 2013-03-06T12:43:02.133 回答