Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/363.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 为什么这个jQuery没有';不能在Codeigniter中工作?_Javascript_Php_Jquery_Twitter Bootstrap_Codeigniter - Fatal编程技术网

Javascript 为什么这个jQuery没有';不能在Codeigniter中工作?

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

这个jQuery已经在html网站上正确测试过了,现在我需要在Codeigniter设置中使用它

我有一个php页面,看起来像这样:

    <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库。