0

我的页脚中有这个简单的 JavaScript,它会触发一个带有页脚的 div,以便在单击时打开或关闭。默认情况下,如何始终显示此元素(在这种情况下footer-widget)?

您可以在底部看到它的运行情况。

下面是我的 JavaScript。我以为我需要将'click'事件更改为其他一些 jquery 事件方法,但这并不能解决问题。

$(".open-footer").live('click', function(){
    $("a.open-footer").removeClass('open-footer');
    $(this).addClass("close-footer");
    $('.footer-widget').slideDown(500);

    var elementClicked = ("#footer");
    var destination = $(elementClicked).offset().top;
    $("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination-0}, 1500, 'easeOutExpo' );    
    return false;
});
4

1 回答 1

0

如果我正确理解了您的问题,您希望页脚小部件 div 默认保持打开状态。

您可以通过以下两种方式执行此操作:

  1. 找到声明应该如何呈现页脚小部件的 CSS 文件。在那里,您需要将其设置为默认显示 div。通常 CSS 像 'display: inline' 或 'visibility: visible' 就足够了。

  2. 在窗口加载时在脚本文件中显式设置它 - 您可能会像设置 CSS 一样设置它,但使用 JQuery 语法(例如 $('.footer-widget').css('display', 'inline' )。

如果可以,请发布您的 CSS 文件,如果我们知道所应用的默认样式,也许我们可以提供更多帮助!

编辑:在 Chrome 的检查器视图中查看您的网站,您的 style.css 包含:

.footer-widget {
    margin-bottom: 35px;
    padding-top: 35px;
    display: none;
}

如果将display: none更改为display: inline,则 footer-widget 将始终可见。

享受!

于 2013-07-20T12:53:07.143 回答