我怎么能用Codeigniter在可滚动的部分创建一个无限向下滚动的网格加载程序呢
How could I create an infinite scroll down grid loader in a scrollable section with Codeigniter?
我正在使用Codeigniter框架和引导程序,在这个安装中,我有一些子页面,在其中一个子页面中,我试图拥有一个无限滚动加载程序。为此,我使用了从本教程gridCrollFx.js下载的jQuery。这是我的JS文件:
;( function( window ) {
'use strict';
var docElem = window.document.documentElement,
support = { animations : Modernizr.cssanimations },
animEndEventNames = {
'WebkitAnimation' : 'webkitAnimationEnd',
'OAnimation' : 'oAnimationEnd',
'msAnimation' : 'MSAnimationEnd',
'animation' : 'animationend'
},
// animation end event name
animEndEventName = animEndEventNames[ Modernizr.prefixed( 'animation' ) ];
...
...
// add to global namespace
window.GridScrollFx = GridScrollFx;
} )( window );
我从控制台得到这个错误:"未定义不是一个函数"这一行:
animEndEventName = animEndEventNames[ Modernizr.prefixed( 'animation' )
我试图产生这种效果的页面看起来是这样的:
<head>
<link rel="stylesheet" href="<?php echo base_url(); ?>assets/css/themes/<?php echo $this->config->item("theme"); ?>/normalize.css" type="text/css" />
<link rel="stylesheet" href="<?php echo base_url(); ?>assets/css/themes/<?php echo $this->config->item("theme"); ?>/component.css" type="text/css" />
<script src="<?php echo base_url(); ?>assets/js/modernizr.custom.js"></script>
</head>
<div class="container">
<section class="grid-wrap">
<ul class="grid swipe-right" id="grid">
<li><a href="#"><img src="<?php echo base_url(); ?>assets/css/themes/<?php echo $this->config->item("theme"); ?>/images/dummy.png" alt="dummy"><h3>A fantastic title</h3></a></li>
...
...
</ul>
</section>
<script src="<?php echo base_url(); ?>assets/js/imagesloaded.pkgd.min.js"></script>
<script src="<?php echo base_url(); ?>assets/js/colorfinder-1.1.js"></script>
<script src="<?php echo base_url(); ?>assets/js/masonry.pkgd.min.js"></script>
<script src="<?php echo base_url(); ?>assets/js/gridScrollFx.js"></script>
<script src="<?php echo base_url(); ?>assets/js/classie.js"></script>
<script>
new GridScrollFx( document.getElementById( 'grid' ), {
viewportFactor : 0.4
} );
</script>
</div>
我该如何解决这个Javascript问题?
您收到此错误是因为您的modernizr.custom.js
不包括可选的Modernizr.prefixed()
模块。
您需要下载modernizr库,并在"可扩展性"部分选择Modernizr.prefixed()
模块。
来自PHP,所以可能读错了。但我会试试:
功能(窗口)
您没有函数名,只有一个参数。Window是函数的参数。试着按照教程找到这个名字应该是什么?
相关文章:
- 滚动到容器中的下一个元素-几乎到了
- 固定位置菜单时滚动,直到它击中一个相对容器的底部
- 如何创建一个具有固定左右列和水平滚动的表
- 我需要帮助弄清楚一旦窗口的垂直高度被滚动,如何切换一个元素
- 推特引导滚动间谍总是选择最后一个元素
- 我如何从一个无限滚动的网站抓取图像,其中api是隐藏的,我无法通过使用Inspect Element获得它->网络
- 使用javascript只滚动一个图像进行图像滚动
- 只滚动一个(z索引)层
- jQuery Tools 可滚动:屏幕上有 3 个项目,但一次滚动一个
- 向下滚动一个“;滚动单元“;单击
- 想要滚动一个DIV元素,而不是整个网页
- 如何自动向下滚动一个iframe 100px每5秒
- 如何滚动一个大的表面?(例如一篇文章)
- 从页面中的兄弟元素中滚动一个元素
- 滚动一个可滚动的DIV而不使用Javascript
- 如何一次滚动一个元素(以阻止自由滚动)
- html javascript在4个方向上无限滚动-一个证明自己的机会
- 滚动一个项目会影响引导程序转盘中的另一个项目
- 当你向下滚动一个页面时,是否可以更改url
- 如何滚动横幅时,我滚动一个HTML页面