0

工作网址：http ://runnerupapparel.com/building/

单击“信息”或“查看”链接后一切正常，但单击 x 关闭面板时，链接颜色不会变回灰色，#666。此外，当 fadeToggle 激活时其他导航链接不可用也会很漂亮。不完全确定如何接近那个。先感谢您。

$(document).ready(function() {

    $("#info").hide();
    $(".info").show();

    $('.info').click(function() {
        $("#info").fadeToggle();
        $(".info a").css({
            'color': '#d71635',
            'background': 'url(/building/images/bolt.png) left -23px no-repeat',
            'position': 'relative',
            'z-index': '9998'
        });
        $(".info").css({
            'background': 'url(/building/images/bolt.png) right -23px no-repeat',
            'position': 'relative',
            'z-index': '9999'
        });
    });

    $('.closeinfo').click(function() {
        $(".info a").removeAttr('style');
        $(".info").removeAttr('style');
        $("#info").fadeToggle();
    });

    $("#look").hide();
    $(".look").show();

    $('.look').click(function() {
        $("#look").fadeToggle();
        $(".look a").css({
            'color': '#d71635',
            'background': 'url(/building/images/bolt.png) left -23px no-repeat',
            'position': 'relative',
            'z-index': '9998'
        });
    });

    $('.closelook').click(function() {
        $(".look a").removeAttr('style');
        $("#look").fadeToggle();
    });

});​
4

1 回答 1

0

所以从我可以告诉继承人我会做什么：

在您的 .css 文件中（或者您管理默认样式）为每个链接创建两个不同的类。一旦你完成了。然后，您可以使用 .toggleClass("newClass") 方法来回切换。当您单击任一链接两次时，这应该会消除颜色不会变回灰色。然后当您单击 x 按钮时，您可以将所有链接的类更改为使它们变为灰色的类：$('.selector').attr('class','newClass')

针对在显示信息或外观面板时无法单击其他链接的问题，这是由高度问题引起的。我访问了您提供的网站并进入了“检查员”模式并使用了您的 CSS 属性。当我取消选中设置为 454px 的高度属性时，问题就消失了。所以只需设置一个比你现在设置的小得多的高度，这应该可以工作。

于 2012-06-23T06:15:05.217 回答