javascript - 用户单击按钮时如何打开图库

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样式属性。这将解决问题。

让我知道它是如何工作的，

问候，

拉胡尔