jQuery事件方法：如何將JavaScript'click'事件更改爲'always-fire'

我在頁腳中有這個簡單的JavaScript，它觸發了一個div，並在頁面中打開或關閉了一個頁腳。我怎麼總是默認顯示這個元素（在這個例子中是footer-widget）？jQuery事件方法：如何將JavaScript'click'事件更改爲'always-fire'

您可以在底部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; 
});

來源

2013-07-20 Idesi

如果我正確理解您的問題，您希望footer-widget div默認保持打開狀態。

你可以這樣做兩種方式：

查找正在申報頁腳的小部件應如何呈現的CSS文件。在那裏，你需要將它設置爲默認顯示div。通常像'display：inline'或'visibility：visible'這樣的CSS就足夠了。你可能會像設置CSS一樣設置它，但是使用JQuery語法（例如。$（'。footer-widget'）。css（'display 」，‘在線’）

如果可以，請把你的CSS文件中，也許我們可以幫助更多一點，如果我們知道正在應用的默認樣式

編輯：隔空在Chrome瀏覽器視圖中查看您的網站，您的style.css包含：

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

如果更改顯示：無到顯示：內聯，則頁腳的小部件將始終可見。

享受！

來源

2013-07-20 12:53:07

解決！第一個選項工作正常。我不知道你可以設置div的構造存在：CSS中沒有，但讓Javascript推翻並控制它，所以我從來沒有檢查過CSS。我的缺點...非常感謝！ – Idesi

jQuery事件方法：如何將JavaScript'click'事件更改爲'always-fire'

回答

相關問題