Javascript 为什么这个jQuery没有';不能在Codeigniter中工作?
这个jQuery已经在html网站上正确测试过了,现在我需要在Codeigniter设置中使用它 我有一个php页面,看起来像这样:Javascript 为什么这个jQuery没有';不能在Codeigniter中工作?,javascript,php,jquery,twitter-bootstrap,codeigniter,Javascript,Php,Jquery,Twitter Bootstrap,Codeigniter,这个jQuery已经在html网站上正确测试过了,现在我需要在Codeigniter设置中使用它 我有一个php页面,看起来像这样: <head> <link rel="stylesheet" href="<?php echo base_url(); ?>assets/css/themes/<?php echo $this->config->item("theme"); ?>/normalize.css
<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>
<body>
<div class="container">
<!-- Top Navigation -->
<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>
<!-- etc -->
</ul>
</section>
</div><!-- /container -->
<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>
</body>
</html>
这是CSS:
/* Hover effects */
.grid li.shown:hover h3 {
color: #fff;
-webkit-transform: translate3d(0,-30px,0);
transform: translate3d(0,-30px,0);
}
.grid li.shown:hover > a::before {
border-width: 14px;
border-color: #2E3444;
}
.grid li.shown img,
.grid li.shown h3 {
visibility: visible;
}
我从中得到了这个想法。那么为什么在向下滚动时,所有已经加载的项目都没有显示出来呢?从您的代码(head和body)中,我没有发现包含任何jquery js文件。加上这样的东西,
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
从您的代码(头部和身体)中,我没有发现包含任何jquery js文件。加上这样的东西,
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
从您的代码(头部和身体)中,我没有发现包含任何jquery js文件。加上这样的东西,
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
从您的代码(头部和身体)中,我没有发现包含任何jquery js文件。加上这样的东西,
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
您是在加载还是在使用jquery?我很确定这与jquery或codeigniter无关。@KaiQing我没有任何错误,所以开始在那里抛出一些console.log()行,找出它不是什么doing@KaiQing它没有做的是使用js gridscrollfx添加类“Showed”对于所有已经就位但隐藏的项,请确保GridScroll不是jQuery插件……您是在加载还是在使用jQuery?我很确定这与jquery或codeigniter无关。@KaiQing我没有任何错误,所以开始在那里抛出一些console.log()行,找出它不是什么doing@KaiQing它没有做的是使用js gridscrollfx添加类“Showed”对于所有已经就位但隐藏的项,请确保GridScroll不是jQuery插件……您是在加载还是在使用jQuery?我很确定这与jquery或codeigniter无关。@KaiQing我没有任何错误,所以开始在那里抛出一些console.log()行,找出它不是什么doing@KaiQing它没有做的是使用js gridscrollfx添加类“Showed”对于所有已经就位但隐藏的项,请确保GridScroll不是jQuery插件……您是在加载还是在使用jQuery?我很确定这与jquery或codeigniter无关。@KaiQing我没有任何错误,所以开始在那里抛出一些console.log()行,找出它不是什么doing@KaiQing它没有做的是使用js gridscrollfx添加类“Showed”对于所有已经就位但隐藏的项,请确保GridScroll不是jQuery插件……这是一条注释,而不是答案。你应该在下载之前删除这是一个答案,因为他是对的,OP没有包含jQuery库。这是一个评论,不是答案。你应该在下载之前删除这是一个答案,因为他是对的,OP没有包含jQuery库。这是一个评论,不是答案。你应该在下载之前删除这是一个答案,因为他是对的,OP没有包含jQuery库。这是一个评论,不是答案。您应该在下载之前删除这是一个答案,因为他是对的,OP没有包含jQuery库。