我正在使用 Codeigniter 框架和 Bootstrap ，在这个安装中我有一些子页面，其中一个我试图拥有一个无限滚动加载器。 为此，我使用从本教程下载的 jQuery gridScrollFx.js . 这是我的 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 );
我从控制台得到这个错误:“undefined is not a function” 对于这一行:
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 library并选择“可扩展性”部分下的 Modernizr.prefixed() 模块。
关于javascript - 我如何使用 Codeigniter 在可滚动部分创建一个无限向下滚动的网格加载器？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28367728/