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

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属性中添加样式。这将会解决这个问题。

告诉我它是怎么工作的，

致以敬意，

拉胡尔