jQuery彈出欄 - 如何隱藏默認？

我跟着本教程創建一個彈出杆（類似於一個在這個網站的頂部）：jQuery彈出欄 - 如何隱藏默認？

http://spyrestudios.com/how-to-create-a-cute-popup-bar-with-html5-css3-and-jquery/

我是新來的jQuery，所以我想知道是否有可能有默認情況下隱藏的欄，只有當用戶點擊'show'按鈕時才顯示。

popup.js：

$(document).ready(function(){  


$('.showpop').hide(); 
$('#popup').show('bounce', { times:1 }, 300); 


$('.hide').click(function(){ 
    $('#popup').slideUp(); 
    $('span.showpop').fadeIn('slow'); 
    return false; 
}); 


$('a.showpoplink').click(function(){ 
    $('#popup').show('bounce', { times:1 }, 300); 
    $('.showpop').hide(); 
    return false; 
}); 
});

很抱歉，如果它死了明顯！正如我剛纔所說，我剛開始學習這個，一直在玩它，但沒有結果。

乾杯。

來源

2011-11-10 user1039878

代替

$('.showpop').hide(); 
$('#popup').show('bounce', { times:1 }, 300);

嘗試

$('#popup').hide(); 
$('.showpop').show('bounce', { times:1 }, 300);

（havnt測試，但應工作）

來源

2011-11-10 14:13:01 adam2510

）Fantastic，that work a treat，thank you !! – user1039878

簡單如果它的工作原理與您所需要的完全相反，請將它換掉:) – adam2510

嘗試刪除這一行：

$('#popup').show('bounce', { times:1 }, 300);

來源

2011-11-10 14:07:42 Dogbert

感謝您的快速回復，我刪除了線，但不幸的是它仍然呈現每次頁面被刷新。如果可以提供幫助，我可以提供指向正在使用的頁面的鏈接？ – user1039878

@ user1039878是的，提供一個鏈接 –

只要註釋掉第二行 - 這是顯示在頁面加載條代碼：

// $('#popup').show('bounce', { times:1 }, 300);

來源

2011-11-10 14:08:15

恐怕它似乎沒有什麼區別，除了停止小反彈動畫。它在每次頁面刷新時都會默認顯示:( – user1039878

更改欄，以便它的顯示是沒有的。這種方式在頁面加載時隱藏，並且您不必在第一次加載時使用JavaScript隱藏它。然後，您只能在用戶點擊時顯示它。的

來源

2011-11-10 14:12:31 arb

jQuery彈出欄 - 如何隱藏默認？

回答

相關問題