我试图创建一个相当简单的脚本,该脚本使用链接来切换显示的div。每天都有一个div,当点击相应的链接时,它会显示相应的div并隐藏其他链接。
这样可行,但是一旦松开鼠标,它就会恢复到默认状态。我猜这是非常简单的事情,但我已经尝试过四处寻找并且无法找到任何东西。
以下是我使用的代码:
$(document).ready(function() {
var dayDivs = [];
var displayDay = 0;
loadDayDivs();
adjustDayDisplay();
$('.day-link').mousedown(function() {
var linkClicked = $(this).text();
switch (linkClicked) {
case "Friday":
displayDay = 0;
break;
case "Saturday":
displayDay = 1;
break;
case "Sunday":
displayDay = 2;
break;
}
adjustDayDisplay();
});
function loadDayDivs() {
dayDivs[0] = $(".friday-div");
dayDivs[1] = $(".saturday-div");
dayDivs[2] = $(".sunday-div");
}
function adjustDayDisplay() {
for (var i = 0; i < dayDivs.length; i++) {
dayDivs[i].css("cssText", "display: none !important;");
}
dayDivs[displayDay].css("cssText", "display: inline !important;");
}
});
在jsfiddle上我得到一个奇怪的错误,似乎通常与表单相关联。对此有任何帮助都非常感激。