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

时间:2013-04-08 16:48:51

标签: javascript jquery html5

当我打开页面时,画廊每次都会自动打开。但我只想在用户点击按钮时打开。我该如何解决这个问题?

<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>

1 个答案:

答案 0 :(得分: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。这将解决问题。

让我知道它是如何运作的,

此致

的Rahul