更新到1.2.2版本
This commit is contained in:
LinRuiqi
@@ -1,15 +1,168 @@
|
||||
jQuery(document).ready(function($) {
|
||||
// 显示消息函数
|
||||
function flm_show_message(message, type) {
|
||||
var className = type === 'success' ? 'notice-success' : 'notice-error';
|
||||
var $notice = $('<div class="notice ' + className + ' is-dismissible"><p>' + message + '</p></div>');
|
||||
|
||||
$('.wrap h1').after($notice);
|
||||
|
||||
// 3秒后自动隐藏
|
||||
setTimeout(function() {
|
||||
$notice.fadeOut(300, function() {
|
||||
$(this).remove();
|
||||
});
|
||||
}, 3000);
|
||||
}
|
||||
|
||||
// 使链接可排序
|
||||
$('#flm-sortable-links').sortable({
|
||||
handle: '.flm-link-preview',
|
||||
placeholder: 'flm-link-item-placeholder',
|
||||
axis: 'y',
|
||||
update: function() {
|
||||
// 更新排序后可以在这里添加AJAX保存逻辑
|
||||
update: function(event, ui) {
|
||||
// 获取排序后的ID顺序
|
||||
var linkIds = [];
|
||||
$('#flm-sortable-links .flm-link-item').each(function(index) {
|
||||
var linkId = $(this).find('input[name="link_ids[]"]').val();
|
||||
linkIds.push(linkId);
|
||||
});
|
||||
|
||||
// AJAX保存排序
|
||||
$.ajax({
|
||||
url: flm_vars.ajax_url,
|
||||
type: 'POST',
|
||||
data: {
|
||||
action: 'flm_update_sort_order',
|
||||
link_ids: linkIds,
|
||||
nonce: flm_vars.nonce
|
||||
},
|
||||
success: function(response) {
|
||||
if (response.success) {
|
||||
// 显示成功消息
|
||||
if (typeof flm_show_message === 'function') {
|
||||
flm_show_message('排序已保存', 'success');
|
||||
}
|
||||
} else {
|
||||
if (typeof flm_show_message === 'function') {
|
||||
flm_show_message('排序保存失败', 'error');
|
||||
}
|
||||
}
|
||||
},
|
||||
error: function() {
|
||||
if (typeof flm_show_message === 'function') {
|
||||
flm_show_message('排序保存失败', 'error');
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
stop: function(event, ui) {
|
||||
// 拖拽结束后，重新索引所有字段以确保数据一致性
|
||||
$('#flm-sortable-links .flm-link-item').each(function(index) {
|
||||
// 更新link_ids字段的值顺序，确保与DOM顺序一致
|
||||
// 这里不需要改变，因为link_ids的值本身就是ID
|
||||
// 但需要确保其他字段在提交时能正确对应
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// 删除链接
|
||||
// 自动获取头像切换
|
||||
$('#auto_get_icon').on('change', function() {
|
||||
if ($(this).is(':checked')) {
|
||||
$('#icon_field').hide();
|
||||
} else {
|
||||
$('#icon_field').show();
|
||||
}
|
||||
});
|
||||
|
||||
// 多选删除功能
|
||||
function updateBatchDeleteButton() {
|
||||
var selectedCount = $('.flm-select-link:checked').length;
|
||||
var $batchButton = $('.flm-batch-delete');
|
||||
|
||||
if (selectedCount > 0) {
|
||||
$batchButton.prop('disabled', false).text('批量删除 (' + selectedCount + ')');
|
||||
} else {
|
||||
$batchButton.prop('disabled', true).text('批量删除');
|
||||
}
|
||||
}
|
||||
|
||||
// 复选框变化时更新批量删除按钮
|
||||
$(document).on('change', '.flm-select-link', function() {
|
||||
updateBatchDeleteButton();
|
||||
});
|
||||
|
||||
// 表单提交前确保数据顺序正确
|
||||
$('#flm-links-form').on('submit', function(e) {
|
||||
// PHP代码现在使用 array_values() 来处理数组，所以不需要重新索引
|
||||
// 让表单正常提交，PHP会按顺序处理数组
|
||||
});
|
||||
|
||||
// 批量删除
|
||||
$('.flm-batch-delete').on('click', function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
var selectedIds = [];
|
||||
$('.flm-select-link:checked').each(function() {
|
||||
selectedIds.push($(this).val());
|
||||
});
|
||||
|
||||
if (selectedIds.length === 0) {
|
||||
alert('请先选择要删除的链接');
|
||||
return;
|
||||
}
|
||||
|
||||
if (!confirm('确定要删除选中的 ' + selectedIds.length + ' 个链接吗？此操作不可撤销！')) {
|
||||
return;
|
||||
}
|
||||
|
||||
var $button = $(this);
|
||||
|
||||
$.ajax({
|
||||
url: flm_vars.ajax_url,
|
||||
type: 'POST',
|
||||
data: {
|
||||
action: 'flm_batch_delete_links',
|
||||
link_ids: selectedIds,
|
||||
nonce: flm_vars.nonce
|
||||
},
|
||||
beforeSend: function() {
|
||||
$button.prop('disabled', true).text('删除中...');
|
||||
},
|
||||
success: function(response) {
|
||||
if (response.success) {
|
||||
// 移除已删除的链接项
|
||||
var $itemsToRemove = $('.flm-select-link:checked').closest('.flm-link-item');
|
||||
var totalItems = $itemsToRemove.length;
|
||||
var removedItems = 0;
|
||||
|
||||
$itemsToRemove.fadeOut(300, function() {
|
||||
$(this).remove();
|
||||
removedItems++;
|
||||
|
||||
// 只有当所有项目都被移除后才更新按钮状态
|
||||
if (removedItems === totalItems) {
|
||||
updateBatchDeleteButton();
|
||||
}
|
||||
});
|
||||
|
||||
var message = '成功删除 ' + response.data.deleted_count + ' 个链接';
|
||||
if (response.data.error_count > 0) {
|
||||
message += '，' + response.data.error_count + ' 个删除失败';
|
||||
}
|
||||
alert(message);
|
||||
} else {
|
||||
alert('批量删除失败：' + (response.data || '请重试'));
|
||||
$button.prop('disabled', false).text('批量删除');
|
||||
}
|
||||
},
|
||||
error: function() {
|
||||
alert('批量删除失败，请重试');
|
||||
$button.prop('disabled', false).text('批量删除');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// 删除单个链接
|
||||
$('.flm-delete-link').on('click', function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
@@ -31,10 +184,16 @@ jQuery(document).ready(function($) {
|
||||
beforeSend: function() {
|
||||
$button.prop('disabled', true).text('删除中...');
|
||||
},
|
||||
success: function() {
|
||||
$button.closest('.flm-link-item').fadeOut(300, function() {
|
||||
$(this).remove();
|
||||
});
|
||||
success: function(response) {
|
||||
if (response.success) {
|
||||
$button.closest('.flm-link-item').fadeOut(300, function() {
|
||||
$(this).remove();
|
||||
updateBatchDeleteButton();
|
||||
});
|
||||
} else {
|
||||
alert('删除失败，请重试');
|
||||
$button.prop('disabled', false).text('删除');
|
||||
}
|
||||
},
|
||||
error: function() {
|
||||
alert('删除失败，请重试');
|
||||
|
||||
Reference in New Issue
Block a user