如何在用户点击按钮时打开图库

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风格属性..这将解决这个问题。

让我知道如何工作的，

问候，

拉胡尔