更新:使用JS确保Firefox重新加载(F5)幻灯片的第一张幻灯片

时间:2013-05-22 21:34:39

标签: javascript jquery firefox

我正在使用.localScroll按钮(#slideshow-nav),锚定到两组列表 - 图像(#slideshow)和文本(#slideshow-text)&然后将.hide和.slideDown效果添加到文本中。因此,单击每个按钮会使其链接的图像和隐藏文本滚动到位,然后显示文本。它适用于所有浏览器,但Firefox,当我刷新浏览器时,按钮和文本返回到第一个列出的位置,但图像没有。有没有人可以建议的JS解决方案?

<script type="text/javascript" src="js/jquery.scrollTo.js"></script>
<script type="text/javascript" src="js/jquery.localscroll.js"></script>
<script type="text/javascript">
   $(document).ready(function() {   
      $("#slideshow, #slideshow-text").css("overflow", "hidden");
      $("#slideshow-nav").css("visibility", "visible");     
      $("#slideshow-nav li:first-child a").addClass("active");

      $.localScroll({target:'#slideshow', axis: 'x'
   });

   $("#slideshow-nav a").click(function(){ 
      $("#slideshow-nav a").removeClass("active");
      $("#slideshow-text li").hide();                           

      var childIdx = parseInt($($(this)[0].parentElement).index(), 10) + 1
         $("#slideshow-text li:nth-child(" +  childIdx + ")").hide("slow", function() {
            $("#slideshow-text li:nth-child(" +  childIdx +        ")").slideDown("slow");                                                                             
         });
      $(this).addClass("active");
   });
});`
</script>

0 个答案:

没有答案