JQuery更改css切换回鼠标释放

时间:2015-09-11 08:14:56

标签: javascript jquery html css

我试图创建一个相当简单的脚本,该脚本使用链接来切换显示的div。每天都有一个div,当点击相应的链接时,它会显示相应的div并隐藏其他链接。

这样可行,但是一旦松开鼠标,它就会恢复到默认状态。我猜这是非常简单的事情,但我已经尝试过四处寻找并且无法找到任何东西。

以下是我使用的代码:

Fiddle

$(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上我得到一个奇怪的错误,似乎通常与表单相关联。对此有任何帮助都非常感激。

0 个答案:

没有答案