我在同一视图页面上使用Datepicker和Tablesorter。问题是,如果我拿出表分类器,日期选择器工作正常,但是当我再次包括表分类器时,日期选择器不再工作。
这是我的代码(日期选择器)。
$(function() {
var from = $('#from_h').val();
var to = $('#to_h').val();
$( "#from" ).datepicker({ dateFormat:'yy-mm-dd',defaultDate: from,
changeMonth: true,
changeYear:true,
changeDay:true,
numberOfMonths: 1,
onClose: function( selectedDate ) {
$( "#from" ).datepicker( "option", "fromDate", selectedDate );
}
});
});
这是我的表排序器代码。
$(document).ready(function() {
$.tablesorter.addParser({
id: 'custom_sort_function',
is: function(s) {
return false;
},
format: function(s) {
return s.replace(/€/, '');
},
type: 'numeric'
});
$("#g_table").tablesorter({
textExtraction:function(node){
return $(node).text();
},
headers: {
0: {
sorter: false
},
1: {
sorter: false
},
2: {
sorter: false
},
3: {
sorter: false
},
4: {
sorter: false
},
5: {
sorter: false
},
6: {
sorter: false
},
7: {
sorter: 'custom_sort_function'
},
8: {
sorter: 'custom_sort_function'
},
9: {
sorter: 'custom_sort_function'
},
10: {
sorter: 'custom_sort_function'
},
11: {
sorter: false
},
12: {
sorter: false
},
13: {
sorter: false
},
14: {
sorter: false
},
15: {
sorter: false
},
16: {
sorter: false
},
17: {
sorter: false
},
18: {
sorter: false
},
19: {
sorter: false
},
20: {
sorter: false
},
21: {
sorter: false
},
22: {
sorter: false
},
23: {
sorter: false
},
24: {
sorter: false
},
25: {
sorter: false
},
26: {
sorter: false
},
}
});
});
感谢您的帮助。
最佳答案
您可以使用jquery.noconflict()
来避免冲突。有关详细信息,请访问Here和here
这是一个例子-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$.noConflict();
jQuery(document).ready(function($){
//your code
});
</script>
关于javascript - 与Datepicker和Tablesorter发生冲突,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/18093429/