如何在用戶點擊按鈕時打開圖庫

Question

當我打開我的頁面時，圖庫每次都會自動打開。但我只希望在用戶點擊按鈕時打開。我如何解決這個問題？

<a onClick="$('.fixed-bar').toggle('slow');" 

<div class="container demo-3"> 
       <div class="main"> 
        <div class="fixed-bar"> 

        <ul id="carousel" class="elastislide-list"> 
         <li><a href="#"><img src="elastislide/small/1.jpg" alt="image01" /></a></li> 
         <li><a href="#"><img src="elastislide/small/2.jpg" alt="image02" /></a></li> 
         <li><a href="#"><img src="elastislide/small/3.jpg" alt="image03" /></a></li> 

<script type="text/javascript"> 

      $('#carousel').elastislide({ 
       minItems : 2 
      }); 

     </script> 

Answer 1

如果我假設固定條的div需要在頁面加載時被隱藏

使<div class="fixed-bar" style="display:none">

代替<a onClick="$('.fixed-bar').toggle('slow');">東西使用

<a id="gallery-toggle" href="">Toggle Gallary</a> 

和內部<script></script>

編寫代碼

$('#gallery-toggle').click(function() 
{ 
    $('.fixed-bar').toggle('slow'); 
}); 

更好的方法.. :-)

或在你的代碼，只需添加display:none風格屬性..這將解決這個問題。

讓我知道如何工作的，

問候，

拉胡爾