diff --git a/date.html b/date.html new file mode 100644 index 0000000..d67c611 --- /dev/null +++ b/date.html @@ -0,0 +1,24 @@ + + + + + + 选择日期 + + + +

你选择的日期为:

+
No date selected
+ + + diff --git a/script.js b/script.js index 163274f..6b2003b 100644 --- a/script.js +++ b/script.js @@ -43,13 +43,29 @@ $(document).ready(function() { // 删除选项卡 $(document).on("click", ".removeTab", function() { var tabName = $(this).data("tab"); + var activeTab = $(".tablinks.active").data("tab"); + + // 记录当前活动的标签页 + var previousTabButton = $(".tablinks.active").prev(".tablinks"); + + // 删除当前标签页 $("#" + tabName).remove(); $("button[data-tab='" + tabName + "']").remove(); - // 显示第一个选项卡内容 - $(".tabcontent").hide(); - $(".tablinks").first().addClass("active"); - $("#" + $(".tablinks").first().data("tab")).show(); + // 如果删除的是当前活动的标签页 + if (tabName === activeTab) { + // 显示上一个标签页 + if (previousTabButton.length > 0) { + var previousTab = previousTabButton.data("tab"); + $("#" + previousTab).show(); + previousTabButton.addClass("active"); + } else { + // 如果没有上一个标签页,显示第一个标签页 + $(".tabcontent").hide(); + $(".tablinks").first().addClass("active"); + $("#" + $(".tablinks").first().data("tab")).show(); + } + } }); // 绑定选项卡按钮和删除按钮的事件 @@ -72,16 +88,31 @@ $(document).ready(function() { $(".removeTab").off("click").click(function() { var tabName = $(this).data("tab"); + var activeTab = $(".tablinks.active").data("tab"); + + // 记录当前活动的标签页 + var previousTabButton = $(".tablinks.active").prev(".tablinks"); + + // 删除当前标签页 $("#" + tabName).remove(); $("button[data-tab='" + tabName + "']").remove(); - // 显示第一个选项卡内容 - $(".tabcontent").hide(); - $(".tablinks").first().addClass("active"); - $("#" + $(".tablinks").first().data("tab")).show(); + // 如果删除的是当前活动的标签页 + if (tabName === activeTab) { + // 显示上一个标签页 + if (previousTabButton.length > 0) { + var previousTab = previousTabButton.data("tab"); + $("#" + previousTab).show(); + previousTabButton.addClass("active"); + } else { + // 如果没有上一个标签页,显示第一个标签页 + $(".tabcontent").hide(); + $(".tablinks").first().addClass("active"); + $("#" + $(".tablinks").first().data("tab")).show(); + } + } }); } - // 初始绑定事件 bindTabEvents(); $(document).ready(function() { @@ -212,6 +243,7 @@ $(document).ready(function() { $('#tbody td').click(function() { var dateString = $(this).data('date'); $('#selectedDate').text(dateString); + window.location.href = 'date.html?date=' + encodeURIComponent(dateString); }); }