0

有人可以解决演示中的链接问题吗？

主页上的“更多信息»”链接不可点击。

它被定向到 about 部分，但它不起作用。

导航和部分内容链接编码为：

 jQuery(document).ready(function() {

    /* How to Handle Hashtags */
    jQuery(window).hashchange(function(){
        var hash = location.hash;
        jQuery('a[href='+hash+']').trigger('click');
    });

    /* Main Navigation Clicks */
    jQuery('.main-nav ul li a').click(function() {
        var link = jQuery(this).attr('href').substr(1);

        if ( !jQuery('section.content.show, section#' + link).is(':animated') ) {
            jQuery('.main-nav ul li a').removeClass('active'); //remove active
            jQuery('section.content.show').addClass('show').animate({'opacity' : 0}, {queue: false, duration: 1000,
                complete: function() {
                    jQuery('a[href="#'+link+'"]').addClass('active'); // add active
                    jQuery('section#' + link).addClass('show').animate({'opacity' : 1}, {queue: false, duration: 1000});    
                }
            });
        }
    });

});

.show{display: block;}
.hide{opacity: 0;}

脚本中缺少什么以使链接正常工作？

此外，背景图像的渐变过渡似乎在 Safari 中闪烁。

div.mc-image {
    -webkit-transition: opacity 1s ease-in-out; 
    -moz-transition: opacity 1s ease-in-out; 
    -o-transition: opacity 1s ease-in-out; 
    transition: opacity 1s ease-in-out;

    /*If you are using horizontal slide transitions, use the following CSS:
    -webkit-transition: left 1s ease-in-out; 
    -moz-transition: left 1s ease-in-out; 
    -o-transition: left 1s ease-in-out; 
    transition: left 1s ease-in-out;*/

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position:center center;
    background-repeat:no-repeat;
    height:100%;
    overflow:hidden;
    width:100%;
}

如何解决这个问题？

4

1 回答 1

1

您的隐藏部分并没有真正隐藏。您刚刚将它们的不透明度设置为 0。它们仍然存在，因此当您单击“更多信息”链接时，您实际上是在单击“在 Twitter 上关注我们的更新”链接。

尝试将您的.hide课程更改为display: none;而不是opacity: 0;. 由于您使用的是 jQuery，因此只需使用fadeOut()andfadeIn()而不是手动弄乱不透明度。这也可能会解决您在 Safari 中的闪烁问题。

这是一个例子：http: //jsfiddle.net/XMACH/

于 2013-06-14T19:19:16.393 回答