Пагинация в одном HTML файле - PullRequest
Новая
       7

Пагинация в одном HTML файле

0 голосов
/ 27 марта 2020

Вот рабочий пример https://www.codeply.com/go/bp/lxa0FF9yhw#, который мне нужен для работы в одном файле html.

Я использую этот шаблон для объединения HTML, Css и javascript: 

<html>
    <head>
        <style type="text/css">
            CSS goes here
        </style>
        <script type="text/javascript">
            JS goes here
        </script>
    </head>

    <body>
        HTML goes here
    </body>
</html>

Но в результате я вижу все строки таблицы вместо страниц. Это проблема с Bootstraping? Я включаю jQuery и javascript

<script src='http://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.js'></script>
<script src='script.js' type="text/javascript"></script>

Я все еще вижу все строки в результате. Я попробовал этот код в https://jsfiddle.net/tfyqwLkr/. Также показаны все строки таблицы. Как включить все обязательные элементы в этом случае?

1 Ответ

1 голос
/ 27 марта 2020

Попробуйте разместить Javascript непосредственно перед конечным тегом body: </body>.

Возможно, вы вызываете элементы DOM, которые еще не были проанализированы. 

<html>
    <head>
        <style type="text/css">
            /* CSS goes here */
        </style>    
    </head>
    <body>
        <!-- HTML goes here -->

        <script src='http://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.js'></script>
        <script src='script.js' type="text/javascript"></script>
        <script type="text/javascript">
            // JS goes here
        </script>
    </body>
</html>

РЕДАКТИРОВАТЬ : после публикации кода похоже, что вы пытаетесь вызвать size(), устаревший метод , начиная с jQuery 3.0.

Примечание. Этот метод был удален в jQuery 3.0. Вместо этого используйте свойство .length.

Это приводит к ошибкам в консоли. Измените children.size() на children.length.

Проверить обновленную Скрипку . (Строка 23)

...