未捕获的类型错误:jQuery函数不是函数

kdfy810k  于 2023-04-29  发布在  jQuery
关注(0)|答案(1)|浏览(126)

我对这个示例代码有问题。当我尝试执行someFunc()时,我得到错误:未捕获的类型错误:$.twbsPagination不是函数。

<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>

我也试过:

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

这个也不行我仍然得到上面的Uncaught TypeError。我该怎么解决这个问题?当从onClick事件调用时,它似乎不起作用。

htrmnn0y

htrmnn0y1#

jquery.twbsPagination.js的正确用法是在调用twbsPagination({ ... })之前先提供一个选择器/元素列表。
总之,这种用法是不正确的:$.twbsPagination({ ... }),而这是正确的:$('.your-element').twbsPagination({ ... })

相关问题