Question

我在使用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'});

Answer 1

尝试此更改

$("#deviceholder").paginate({

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

Selector Reference

有很多分页插件......你使用哪一个？

此外，无论您想在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>

使用jQuery表分页

1 个答案: