当我打开页面时,画廊每次都会自动打开。但我只想在用户点击按钮时打开。我该如何解决这个问题?
<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>
答案 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