2025年12月16日 (二) 06:26 伊丽P

2025-12-16T06:26:38Z

@@ 第1行： / 第1行： @@
-/* 这里的任何JavaScript将为所有用户在每次页面加载时加载。 */
+/* 这里的任何JavaScript将为所有用户在每次页面载入时加载。 */
-/*筛选项*/
+/* 参见[[模板:ResourceLoader]]*/
 $(function() {
 	//解决手机上按键选项hover效果不消失的问题
-	 $("body").on("touchstart", function(e) {});
 	//筛选页面列表筛选

2025年12月4日 (四) 09:04 伊丽P

2025-12-04T09:04:29Z

←上一版本		2025年12月4日 (四) 17:04的版本
第1行：		第1行：
	/* 这里的任何JavaScript将为所有用户在每次页面加载时加载。 */		/* 这里的任何JavaScript将为所有用户在每次页面加载时加载。 */
			/筛选项/
	$(function() {		$(function() {
	//解决手机上按键选项hover效果不消失的问题		//解决手机上按键选项hover效果不消失的问题

伊丽P：创建页面，内容为“/* 这里的任何JavaScript将为所有用户在每次页面加载时加载。 */ $(function() { //解决手机上按键选项hover效果不消失的问题 $("body").on("touchstart", function(e) {}); //筛选页面列表筛选 $('.filter li').on('mouseenter touchstart',function(e) { $(this).children().addClass('hover'); }); $('.filter li').on('mouseleave touchend',function(e) { $(this).children().removeClass('hover'); }); $('.filter li').on(…”

2025-12-04T08:37:57Z

创建页面，内容为“这里的任何JavaScript将为所有用户在每次页面加载时加载。： $(function() { //解决手机上按键选项hover效果不消失的问题 $("body").on("touchstart", function(e) {}); //筛选页面列表筛选 $('.filter li').on('mouseenter touchstart',function(e) { $(this).children().addClass('hover'); }); $('.filter li').on('mouseleave touchend',function(e) { $(this).children().removeClass('hover'); }); $('.filter li').on(…”

新页面

/* 这里的任何JavaScript将为所有用户在每次页面加载时加载。 */
$(function() {
//解决手机上按键选项hover效果不消失的问题
$("body").on("touchstart", function(e) {});

//筛选页面列表筛选
$('.filter li').on('mouseenter touchstart',function(e) {
$(this).children().addClass('hover');
});

$('.filter li').on('mouseleave touchend',function(e) {
$(this).children().removeClass('hover');
});

$('.filter li').on('click',function(e) {
$(this).siblings().children().removeClass('active');
$(this).children().toggleClass('active');
var item = new Array();
$('.filter').find('.active').parent().each(function() {
var data_type = $(this).parent().attr('data-type');
item.push("[data-param" + data_type + "='" + $(this).attr("data-value") + "']");
});

if(item.length != 0) {
$('#wiki_table tbody').children().hide(400);
$('#wiki_table tbody').children(item.toString().replace(/,/g, '')).show(300);
//$('#wiki_table tbody').children().not(item.toString().replace(/,/g, '')).hide(1000);
} else {
$('#wiki_table tbody').children().show(300);
}
});
});
$(function InitCardSelect() {
var self = {};

var selectOptions; //所有筛选按钮
var filters = {}; //当前筛选规则
var filterKeys = []; //所有筛选Key
var showAll = true; //不筛选，显示全部
var tableRows; //所有要被筛选的行
var computedRows; //筛选后的行
var $sorter; //当前进行排序的表头
var sortDesent = false; //反向排序

function isNil(s) {
return s === '' || s === undefined || s === null || s === false
}

//点击筛选按钮时
function OnSelectOptionClick(e) {
var $x = e.data;
e.preventDefault();

var label = '['+$.trim($x.text())+'] 筛选';
console.time(label);

//显示全部
if ($x.FilterKey == 0) {
for (i in selectOptions) {
selectOptions[i].Select = false;
selectOptions[i].removeClass('selected');
}
filters = {};
showAll = true;

//更新表格
self.FilterRows();
console.timeEnd(label);
return;
}
showAll = false;

var select = !$x.Select;
$x.Select = select;

//变更筛选状态
var key = $x.FilterKey;
filters[key] = filters[key] || {};

var opt = $x.FilterOpt == "AND" ? "AND" : "OR";
filters[key][opt] = filters[key][opt] || [];
if (select) {
filters[key][opt].push($x.FilterValue);
} else {
filters[key][opt] = filters[key][opt].filter(function(x) {
return x !== $x.FilterValue;
});
if (filters[key][opt].length < 1) delete filters[key][opt];
}

select ? $x.addClass('selected') : $x.removeClass('selected');
self.FilterRows();
console.timeEnd(label);

}

function OnHeaderSortClick(e) {
var $x = e.data;
e.preventDefault();

var label = '['+$.trim($x.text())+'] 排序';
console.time(label);
if ($sorter !== $x) {
//第一次：新的排序
$sorter = $x;
sortDesent = false;
} else if (!sortDesent) {
//第二次：切换排序
sortDesent = true;
} else {
//第三次：不进行排序
$sorter = null;
}

self.SortRows();

console.timeEnd(label);
}

//初始化
self.Init = function () {
selectOptions = $('.cardSelectOption').toArray().map(function(x) {
var $x = $(x);

var dataOption = $.trim($x.data('option'));
var dataGroup = $.trim($x.data('group'));

if (isNil(dataOption) || isNil(dataGroup)) return $x;
var splt = dataOption.split('|');
$x.FilterKey = dataGroup;
$x.FilterValue = $.trim(splt[1]);
$x.FilterOpt = $.trim($x.data('opt') || 'OR').toUpperCase();

if (filterKeys.indexOf(dataGroup) < 0)
filterKeys.push(dataGroup);

$x.click($x, OnSelectOptionClick);

return $x;
});

//$head = $('#CardSelectTabHeader');

tableRows = $('#CardSelectTr>tbody>tr').toArray().map( function(x) {
var $x = $(x);

//if (x == $head[0]) continue;

for (i in filterKeys) {
var key = filterKeys[i];
var val = $x.data('param'+key);
if (val === undefined) continue;

if (typeof val == 'number'){
val = val.toString(10);
}

var splt = val.split(',');
for (j in splt) {
var s = $.trim(splt[j]);
if (!isNil(s)) {
$x.FilterData = $x.FilterData || {};
$x.FilterData[key] = $x.FilterData[key] || [];
$x.FilterData[key].push(s);
}
}

}

return $x;
});

//computedRows = tableRows.concat([]);

$('#CardSelectTr>thead>tr>th').each(function(index, x) {
var $x = $(x);
$x.off('click').off('mousedown');

if ($x.hasClass('headerSort')) {
$x.Index = index;
//$x.SortKey = $x.data('group');
$x.click($x, OnHeaderSortClick);
}
});

}

//t1中包含t2中所有项
function includeAll(t1, t2) {
for (i in t2) {
if (t1.indexOf(t2[i]) < 0) return false;
}
return true;
}
//t1中包含t2中的任一项
function includeAny(t1, t2) {
if (t2.length == 0) return true;
for (i in t2) {
if (t1.indexOf(t2[i]) > -1) return true;
}
return false;
}

//使用show/hide来显示表格行
self.FilterRows = function() {
if (showAll) {
filters = {};
}

$('#CardSelectTr>tbody').hide();

for (var idx in tableRows) {
var $x = tableRows[idx];
var data = $x.FilterData;
var hide = false;

for (key in filters) {
hide = !data || !data[key];

if (!hide && filters[key]['AND']) {
hide = !includeAll(data[key],filters[key]['AND']);
}
if (!hide && filters[key]['OR']) {
hide = !includeAny(data[key],filters[key]['OR']);
}
if (hide) break;
}

if (!hide != !$x.Hide) {
$x.Hide = hide;
hide ? $x.hide() : $x.show();
}
}

$('#CardSelectTr .headerSort').removeClass('headerSortDown headerSortUp');
$('#CardSelectTr>tbody').show();
$sorter = null;
}

function grabSortData($tr, index) {
$tr.SortData = $tr.SortData || [];
if ($tr.SortData[index] !== undefined) return $tr.SortData[index];

var td = $tr.children('td')[index];
if (!td) {
$tr.SortData[index] = -1;
return -1;
}

var text = $.trim(td.textContent);
$tr.SortData[index] = text;
return text;
}

//对行排序，不显示的行会被移除
self.SortRows = function() {

//var residues = [];

if (!$sorter) {
computedRows = tableRows.filter(function($x) { return !$x.Hide; });
$('#CardSelectTr .headerSort').removeClass('headerSortDown headerSortUp');
}
else if (!sortDesent) {
var index = $sorter.Index;
computedRows = tableRows.filter(function($x) { return !$x.Hide; });
computedRows.sort(function compareFunction($x, $y) {
var x = grabSortData($x, index);
var y = grabSortData($y, index);
var nx = + x;
var ny = + y;

return (isNaN(nx) || isNaN(ny))
? isNaN(nx) && isNaN(ny)
? x < y ? -1 : 1
: isNaN(nx) ? 1 : -1 //字符串排后
: nx === ny
? 0
: nx < ny ? -1 : 1; //数值小的排前
//console.log (`${x} ~ ${y} => ${ret}`);
//return ret;
});
$('#CardSelectTr .headerSort').removeClass('headerSortDown headerSortUp');
$sorter.addClass('headerSortDown');

}
else {
computedRows.reverse();
$('#CardSelectTr .headerSort').removeClass('headerSortDown headerSortUp');
$sorter.addClass('headerSortUp');
}

$('#CardSelectTr>tbody').hide()
.prepend(computedRows)
.show();
}

$('.cardSelectOption').off('click').off('mousedown');

if ($('#CardSelectTabHeader').parent().is('tbody')){
$('#CardSelectTr').prepend( $('<thead/>').append($('#CardSelectTabHeader')));
}

self.Init();

console.log('CardSelectTr.js Initialized.');
return self;
});

MediaWiki:Common.js - 版本历史

2025年12月16日 (二) 06:26 伊丽P

2025年12月4日 (四) 09:04 伊丽P