Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 刷新插件的页面_Javascript_Jquery_Refresh_Jquery Isotope - Fatal编程技术网

Javascript 刷新插件的页面

Javascript 刷新插件的页面,javascript,jquery,refresh,jquery-isotope,Javascript,Jquery,Refresh,Jquery Isotope,我正在使用同位素插件对我的文章进行分类和筛选。这个插件工作得很好,但我总是要刷新页面,这样插件才能工作。 我在Firefox上使用这个插件。这是我的代码: $(function() { var $grid = $('.grid').isotope({ itemSelector: '.element-item', layoutMode: 'fitRows', animationOptions: { duration: 600, easing: '

我正在使用同位素插件对我的文章进行分类和筛选。这个插件工作得很好,但我总是要刷新页面,这样插件才能工作。 我在Firefox上使用这个插件。这是我的代码:

$(function() {
  var $grid = $('.grid').isotope({
    itemSelector: '.element-item',
    layoutMode: 'fitRows',
    animationOptions: {
      duration: 600,
      easing: 'linear',
      queue: true
    }
  });

  $('#filters').on( 'click', 'button', function() {
    var filterValue = $(this).attr('data-filter');
    $('.grid').isotope({ filter: filterValue });
  });
});

这是同位素的例子,我在你分享的codepen链接中使用了几乎相同的代码。是的,这个插件对我来说也很好。但问题是,插件在第一次加载时无法工作,我必须刷新页面,然后它才能工作。它嵌套在$document中。准备好了吗?是的,我尝试了内部,但都没有工作