我对这个示例代码有问题。当我尝试执行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事件调用时,它似乎不起作用。
1条答案
按热度按时间htrmnn0y1#
jquery.twbsPagination.js
的正确用法是在调用twbsPagination({ ... })
之前先提供一个选择器/元素列表。总之,这种用法是不正确的:
$.twbsPagination({ ... })
,而这是正确的:$('.your-element').twbsPagination({ ... })