Question

有一个jquery可排序代码的问题 - 它不是jquery，而是我的图像列表如何显示。在添加可排序代码之前，它将我的包装器中的图像显示在网格中，就像形成完美一样 - 现在我添加了一个来自jquery的小样式，它似乎抛出它但我不确定为什么......

这是Jquery风格：

<style>
#sortable { list-style-type: none; margin: 0; padding: 0; width: 450px; }
#sortable li {float: left; }
</style>

以下是我之前完美无缺的图片列表：

<div id="images">
    <hr style="margin-top: 10px" />
    <ul id="sortable">
      <?php
        // get folio for user
        if(isset($_GET['userid'])) {
            $query = 'SELECT * FROM folio WHERE userid=\'' . $_GET['userid'] . '\' ORDER BY ord';
        }
        else {
            $query = 'SELECT * FROM folio WHERE userid=\'' . $_SESSION['userid'] . '\' ORDER BY ord';
        }
        $result = mysqli_query($connection, $query);
        if(!$result) {
            // error with MYSQL
            die('Failed to retrieve images! - ' . mysqli_error($connection));
        }
        // list images
        $numRows = mysqli_num_rows($result);
        if($numRows < 1) {
            echo '';
        }
        else {
            $filepath = 'uploads/folio/';
            while($imagerow = mysqli_fetch_assoc($result)) { 
        ?>
      <li>
        <div class="outimgbox"> <a class="fancybox fancybox.ajax" rel="gallery1" style="text-decoration: none;" data-fancybox-type="ajax" href="profile_image_fancybox.php?imgid=<?php echo $imagerow['imgid']; ?>">
          <div id="mainwrapper">
            <div id="box-3" class="box"> <img class="uploads" src="<?php echo $filepath . $imagerow['filename']; ?>" alt="<?php echo $imagerow['description']; ?>"/> <span class="caption fade-caption">
              <h3 ><?php echo $imagerow['title']; ?></h3>
              </span> </div>
          </div>
          </a> </div>
      </li>

      <!-- class outingbox -->
      <?php }} ?>
    </ul>

Answer 1

出于某些奇怪的原因：

<style>
#sortable { list-style-type: none;  }
#sortable li {float: left; }
</style>

这解决了这个问题......

CSS li inline＆amp; jquery可排序

1 个答案: