可见性:隐藏/'可见性':'可见'=不工作?

时间:2014-05-11 22:22:52

标签: javascript jquery html5 css3

我需要在照片集完成之前隐藏脚本,但以下代码似乎无法正常工作:

的jQuery

$('.photoset-grid').photosetGrid({
rel: $('.photoset-grid').attr("data-id"),
gutter: '0px',

onComplete: function(){

    $('.photoset-grid').css({
        'visiblity': 'visible'
    });
}
});

HTML

{block:Photoset}
<div class="photoset-grid" data-layout="{PhotosetLayout}" data-id="photoset{PostID}" style="visibility: hidden;" />
  {block:Photos}
  <img src="{PhotoURL-500}"
  {block:HighRes}data-highres="{PhotoURL-HighRes}"{/block:HighRes}
  width="{PhotoWidth-500}" height="{PhotoHeight-500}"
  {block:Caption}alt="{Caption}"{/block:caption} />
  {/block:Photos}
</div><!-- /.tumblr-photoset -->

{block:Caption}<div class="photoset-grid-copy">{Caption}</div>{/block:Caption}
{/block:Photoset}

2 个答案:

答案 0 :(得分:2)

使用display:hidden和display:block;

或在jquery $(&#39; .photoset-grid&#39;)。show()和$(&#39; .photoset-grid&#39;)。hide()

http://api.jquery.com/show/

答案 1 :(得分:0)

正如评论中所指出的,visibility拼写错误:

$('.photoset-grid').photosetGrid({
  rel: $('.photoset-grid').attr("data-id"),
  gutter: '0px',
  onComplete: function(){

    $('.photoset-grid').css({
        'visibility': 'visible'
    });
  }
});