Question

我知道这是到目前为止这不是第一次提出这个问题，但我确实查看了我能找到的所有讨论，但没有一种方法对我有帮助（我将在下面列出这些解决方案的尝试）。我的问题是显示更多/隐藏按钮-Javascript，它似乎只在第一次刷新页面后工作（有趣的是，这只会在非管理员用户访问网站时显示 - 如果这有所不同）。我的代码：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
   var SHOW_MORE = 'Show More'
   var COLLAPSE = 'Show Less'
   $(window).load (function(){
     $('a[href^="#expand"]').each(function(){
       var n = parseInt($(this).attr('href').split('-')[1]);
       var next_n_divs = $(this).parents('div.sqs-block').nextAll().slice(0,n)
       next_n_divs.wrapAll('<div class="extra-gallery" style="display:none;"></div>');
       $(this).click(function(){
         var target_gallery = $(this).parents('div.sqs-block').next('div.extra-gallery')
         if (target_gallery.is(':visible')){
           $(this).text(SHOW_MORE);
         }
         else {
           $(this).text(COLLAPSE);
         }
         target_gallery.slideToggle();
         return false;
       });
       });
   });
 </script>

我发现添加

可能会有所帮助

$(window).load( function() {
    // ... 
});

但这似乎只是“崩溃”。页面（也许我错误地应用了它）。

（这里有我已经看过的链接： Javascript only works after page refresh Rails javascript only works after reload Rails javascript only works after reload） thx任何帮助泰特斯

Javascript仅在首次刷新后有效

0 个答案: