jQuery 事件方法：如何将 javascript 'click' 事件更改为 'always-fire'

Question

我的页脚中有一个简单的 JavaScript，它会触发一个带有页脚的 div，以便在单击时打开或关闭。我怎样才能在默认情况下始终显示此元素（在本例中为 footer-widget）？

您可以在底部see it in action here。

下面是我的 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;
});

Answer 1

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

您可以通过两种方式做到这一点：

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

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

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

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

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

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

享受吧！