-1

我在使用 jQuery 对我的 webProject 上的表格进行分页时遇到问题 这是我的代码，我看不出我做错了什么

这是我的html

<script type="text/javascript" src="${ctx}/js/device/device.js"></script>
<script type="text/javascript" src="${ctx}/js/jquery/jquery.paginate.js"></script>
<script type="text/javascript" src="${ctx}/js/jquery/jquey.js"></script>
<link rel="stylesheet" type="text/css" href="${ctx}/css/paginate.css" media="screen" />

<table id="deviceholder">
        <c:forEach var="device" items="${devices}">
            <tr>
                <td><a href="<c:url value="/device/update/${device.id}"/>">${device.name}</a></td>
                <td><a href="<c:url value="/device/update/${device.id}"/>">${device.code}</a></td>
                <td><a href="<c:url value="/comandos/${device.id}"/>"><img
                        src="${ctx}/images/comandos.png" alt="Comandos" title="Comandos"></a></td>
                <td><a id="${device.id}" class="delete" href="#"><img
                        src="${ctx}/images/editar.png" alt="Editar" title="Editar"></a></td>
            </tr>
        </c:forEach>
        </table>

这是我的 JavaScript

$("deviceholder").paginate({
        start       : 1,
        display     : 8,
        border                  : true,
        border_color            : '#fff',
        text_color              : '#fff',
        background_color        : 'black',  
        border_hover_color      : '#ccc',
        text_hover_color        : '#000',
        background_hover_color  : '#fff', 
        images                  : false,
        mouse                   : 'press'});
4

1 回答 1

1

试试这个改变

$("#deviceholder").paginate({

请注意#选择器开头的 ，以查找具有该 id 的元素。

选择器参考

有许多分页插件...您使用的是哪一个？

另外，不管你想在 jQuery 之后加载哪一个。那是：

<script type="text/javascript" src="${ctx}/js/jquery/jquey.js"></script>
<script type="text/javascript" src="${ctx}/js/jquery/jquery.paginate.js"></script>

不是

<script type="text/javascript" src="${ctx}/js/jquery/jquery.paginate.js"></script>
<script type="text/javascript" src="${ctx}/js/jquery/jquey.js"></script>
于 2013-01-16T20:52:21.887 回答