[英]Uncaught type error (loading jQuery scripts)
美好的一天! 我使用jQuery Tablesorter進行分頁。 我得到這個錯誤
Uncaught TypeError: undefined is not a function viewTags:24
(anonymous function) viewTags:24
fire jquery-1.10.2.js:3048
self.fireWith jquery-1.10.2.js:3160
jQuery.extend.ready jquery-1.10.2.js:433
completed
在瀏覽器的控制台中。 這個問題在很大程度上是由於腳本的加載。 這是代碼
<link rel="stylesheet" href="/assets/stylesheets/style.css" type="text/css" />
<script type="text/javascript" src="//tablesorter.com/jquery-latest.js"></script>
<script type="text/javascript" src="/assets/javascripts/jquery.tablesorter.js"></script>
<script type="text/javascript" src="//tablesorter.com/addons/pager/jquery.tablesorter.pager.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
請幫我解決這個問題。 非常感謝你!
更新為此:
<link rel="stylesheet" href="/assets/stylesheets/style.css" type="text/css" />
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script type="text/javascript" src="/assets/javascripts/jquery.tablesorter.js"></script>
<script type="text/javascript" src="//tablesorter.com/addons/pager/jquery.tablesorter.pager.js"></script>
<script>
jQuery(function($) {
var availableTags = @Html(Json.toJson(tagNames).toString);
$( "#tags" ).autocomplete({
source: availableTags
});
$("table").tablesorter({widthFixed: true, widgets: ['zebra'] })
.tablesorterPager({
container: $("#pager"),
size:5
});
});
</script>
您不需要兩個jQuery的doc ready
塊,一個就足以將這些函數放入其中。 同樣,您還必須以這種方式對腳本進行堆棧排序。
如果仍然存在問題,請嘗試在檢查器( chrome )的“網絡”選項卡中進行檢查,以查看是否未正確加載某些庫。
您只需要包含一次jQuery。 目前,您已經加載了兩次,因此可以刪除:
<script type="text/javascript" src="//tablesorter.com/jquery-latest.js"></script>
之后,您需要在核心jQuery文件之后包含tablesorter
插件,因為jquery.tablesorter.js
需要jQuery
才能工作:
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script type="text/javascript" src="/assets/javascripts/jquery.tablesorter.js"></script>
<script type="text/javascript" src="//tablesorter.com/addons/pager/jquery.tablesorter.pager.js"></script>
請查看此代碼
<script type="text/javascript" src="/tablesorter.com/jquery-latest.js"></script>
<script type="text/javascript" src="/assets/javascripts/jquery.tablesorter.js"></script>
<script type="text/javascript" src="/tablesorter.com/addons/pager/jquery.tablesorter.pager.js"></script>
$(document).ready(function() {
$("#myTable").tablesorter({
widthFixed : true,
widgets : ['zebra'],
headers : {
0 : {
sorter : false
},
1 : {
sorter : false
},
2 : {
sorter : false
},
3 : {
sorter : false
},
4 : {
sorter : false
}
}
}).tablesorterPager({
container : $("#pager"),
size : 5
});
});
請僅使用此代碼,刪除所有其他內容並嘗試
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.