jQuery事件方法:如何更改javascript';单击';事件到';始终开火';

jQuery事件方法:如何更改javascript';单击';事件到';始终开火';,javascript,jquery,events,html,methods,Javascript,Jquery,Events,Html,Methods,我的页脚中有一个简单的JavaScript,当单击时,它会触发一个带有页脚的div来打开或关闭。默认情况下,如何始终显示此元素(在本例中为页脚小部件) 你可以坐在最下面 下面是我的JavaScript。我认为我需要将'click'事件更改为其他jquery事件方法,但这并不能解决问题 $(".open-footer").live('click', function(){ $("a.open-footer").removeClass('open-footer'); $(this).

我的页脚中有一个简单的JavaScript,当单击时,它会触发一个带有页脚的div来打开或关闭。默认情况下,如何始终显示此元素(在本例中为
页脚小部件

你可以坐在最下面

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

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

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

  • 查找声明如何呈现页脚小部件的CSS文件。在这里,您需要将其设置为默认显示div。通常像“display:inline”或“visibility:visible”这样的CSS就足够了

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

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

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

    .footer-widget {
        margin-bottom: 35px;
        padding-top: 35px;
        display: none;
    }
    
    如果将显示:无更改为显示:内联,则页脚小部件将始终可见


    享受!

    解决了!第一个选项很好。我不知道存在可以设置显示div的结构:css中没有,但让Javascript否决并控制它,所以我从未检查过css。我的缺点…非常感谢!!