1

我正在尝试使用 jQuery 插件从数据库填充的列表项中创建一个可排序的列表，但效果仅适用于呈现的第一个项目：

<?php if(isset($bookmarks)) : foreach($bookmarks as $row) :?>
    <div id="makeDrag">

    <?php $fixed = preg_replace('#^[^:/.]*[:/]+#i', '', $row->URL); ?>

    <li>
        <div class="well">
            <div><?php echo anchor('http://'.$fixed, $row->Name); ?></div>
            <div><strong>Comments:</strong> <?php echo $row->Comments; ?></div>
            <h4 class="btn-small">
                <?php echo anchor("site/delete/$row->id", "Delete"); ?>
            </h4>
        </li>
    </div>
<?php endforeach; ?>

我可以看到哪里出了问题，但不知道如何解决。我显然希望影响所有人口的效果，li而不仅仅是第一个。任何帮助都会很棒。抱歉，如果我不清楚，如果这令人困惑，我可以尝试重新措辞。

4

1 回答 1

0

原因很可能是因为您有

$('#makeDrag').sortable();

但是您也有一个 foreach 语句，它创建了多个#makeDrag元素，从而使您的 HTML 无效。

要解决这个问题：

<?php if(isset($bookmarks)) : ?>
    <ul id="makeDrag">
    <?php foreach($bookmarks as $row) : ?>
        <?php $fixed = preg_replace('#^[^:/.]*[:/]+#i', '', $row->URL); ?>
        <li>
            <div class="well">
                <div><?php echo anchor('http://'.$fixed, $row->Name); ?></div>
                <div><strong>Comments:</strong> <?php echo $row->Comments; ?></div>
                <h4 class="btn-small"><?php echo anchor("site/delete/$row->id", "Delete"); ?></h4>
            </div>
        </li>
    <? endforeach; ?>
    </ul>
<?php endif; ?>

高温高压

于 2012-04-20T13:49:35.693 回答