Question

我发现以下JQuery插件按字母顺序显示记录。

http://esteinborn.github.io/jquery-listnav/

我正在使用演示版。我已经在codeigniter中实现并成功打印了所有记录。但是，所有记录仅显示在"All"选项下。它不按字母顺序显示记录。

我不确定我是否以正确的方式使用此插件？以下是我的代码：

   <?php if (!$companies): ?>
             <tr>
                    <td colspan="4">No companies in the system yet...</td>
            </tr>
            <?php 
                else :  
                ?> <ul id="demoOne" class="demo">
                    <?php
                            $i = 0;
                            foreach($companies as $company) :
                                ?>

                     <li>
                     <a href="#"> <?php print $company->title; ?></a>
                  </li>
                  </ul>
          </tr>
                    <?php 
                            $i++;
                            endforeach;
                            endif; 
                                ?>

以下是脚本：

<script>
$(function(){
  $('#demoOne').listnav();

});
</script>

Answer 1

你的HTML似乎不正确。尝试：

<?php if (!$companies): ?>
<tr>
    <td colspan="4">No companies in the system yet...</td>
</tr>
<?php else : ?>
<tr>
    <ul id="demoOne" class="demo">
        <?php
        $i = 0;
        foreach($companies as $company) :
        ?>
        <li>
            <a href="#"> <?php print $company->title; ?></a>
        </li>
        <?php
        $i++;
        endforeach;
        ?>
    </ul>
</tr>
<?php
endif;
?>

带有数据库记录的JQuery插件 - Codeigniter

1 个答案: