-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 に答える