Uncaught TypeError: jQuery function is not a function

Question

I'm having a problem with this sample code. When I try to execute someFunc(), I get the error: Uncaught TypeError: $.twbsPagination is not a function.

<html>
<head>
<script type='text/javascript' src="~/Scripts/jquery-3.3.1.min.js"></script>
<script src="//code.jquery.com/jquery.min.js"></script>
<script src="~/Scripts/jquery.twbsPagination.js"></script>
</head>

<body>

...

<td>
    <button id="button" onclick="someFunc(); return false;">Display Pages</button>
</td>
<div id="pagination-demo"></div>

...
<script>
   function load() {
       $('#pagination-demo').twbsPagination({  // THIS WORKS.
           totalPages: 35,
           visiblePages: 7,
           onPageClick: function (event, page) {
               $('#page-content').text('Page ' + page);
           }
       });
   }
      
   function someFunc() {
      $.twbsPagination(); // THIS DOESN'T WORK.
   }
}
</script>

</body>
</html>

I've also tried:

function someFunc() {
   $('#pagination-demo').twbsPagination({
           totalPages: 10,
           visiblePages: 7,
           onPageClick: function (event, page) {
               $('#page-content').text('Page ' + page);
           }
       });
   }

This doesn't work, either. I still get the above Uncaught TypeError. How do I fix this? It just doesn't seem to work when called from the onClick event.

AngYC · Accepted Answer · 2023-04-25 01:55:31Z

0

The correct usage of jquery.twbsPagination.js is to provide a selector / list of elements first before calling twbsPagination({ ... }).

In short, this usage is incorrect: $.twbsPagination({ ... }) while this is correct: $('.your-element').twbsPagination({ ... })

answered Apr 25, 2023 at 1:55

AngYC

3,99910 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Stumpered Over a year ago

I've tried $('.your-element').twbsPagination({ ... }) already. I still get an error.

Collectives™ on Stack Overflow

Uncaught TypeError: jQuery function is not a function

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related