Question

我已经下载了一个jQuery galleryscript。我创建了一个包含缩略图的页面，如果你点击缩略图，它应该加载图库div #galleria。我已将库#galleria div设置为隐藏在jquery脚本中，因此我可以在需要时调用它。这个例子。

$(document).ready(function() {
        // Load fullscreen theme
    Galleria.loadTheme('galleria/themes/fullscreen/galleria.fullscreen.min.js');

    // Intialize Galleria
    $('#galleria').galleria()

    $('#galleria').hide();

    $('.open').click(function() {
        $('#galleria').toggle(1);
    });

});

我认为似乎问题是我快速隐藏div，脚本可能没有时间加载？因为当我在$('#galleria').hide();这样的$('#galleria').hide(1000);设置延迟时，它确实有效，但它很难看，因为你可以看到它闪烁。

我甚至不确定我是否拨打过正确的错误。所以任何人都可以告诉我如何在页面加载时隐藏div并在我点击缩略图时调用它。所以我不必使用一个丑陋的延迟，没有延迟脚本将工作。

以下是包含这两个示例的页面。您可以使用屏幕底部的黑色按钮切换#galleria div。

网页没有延迟：http://fabianvanderwulp.nl/Test2/3d_visualizations.html

延迟页面：http://fabianvanderwulp.nl/Test/3d_visualizations.html

提前感谢！

Answer 1

你可以用style ='display：none'开始那个galleria div。
无论出于何种原因，显示的错误是galleria div的尺寸太小50px x 50px。所以，努力，你应该没事......我想。

===
   <div class="footer"><p>© 2009 - 2011 Kontravision</p></div>
  </div>
 </div>
</div>  
<div id="galleria">      <====== style='display:none'
===

Jquery脚本无法使用Jquery hide完全加载

1 个答案: