数据动画效果在codeigniter php中不起作用

数据动画效果在codeigniter php中不起作用,php,jquery,css,twitter-bootstrap,codeigniter,Php,Jquery,Css,Twitter Bootstrap,Codeigniter,大家好,我在我的网站中使用了引导旋转木马。我使用了数据动画效果从右到左从上到下移动文本以及图像动画效果。但是数据动画效果在codeigniter php中不起作用 <div id="carousel-example-generic" class="carousel slide"> <!-- Indicators --> <ol class="carousel-indicators"> <li data-target="#c

大家好,我在我的网站中使用了引导旋转木马。我使用了数据动画效果从右到左从上到下移动文本以及图像动画效果。但是数据动画效果在codeigniter php中不起作用

<div id="carousel-example-generic" class="carousel slide">
    <!-- Indicators -->
    <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
        <li data-target="#carousel-example-generic" data-slide-to="3"></li>
    </ol>

    <!-- Wrapper for slides -->
    <div class="carousel-inner" role="listbox">

        <!-- First slide -->
        <div class="item active ">
            <h3 class="heading82">OPEN SOURCE <span class="heading81">C</span>ONTENT <span class="heading81">M</span>ANAGEMENT <span class="heading81">S</span>YSTEMS</h3> 
            <img src="<?php echo base_url();?>theme/slider/3_1 (4).png" class="heading84"><h3 class="heading83">complete control over the content of the website from personalized admin panel</h3><img src="<?php echo base_url();?>theme/slider/4_2 (4).png" class="heading85">
            <div class="captions">
            <img src="<?php echo base_url();?>theme/slider/z2.png" class="heading94" data-animation="animated bounceInRight">
            <img src="<?php echo base_url();?>theme/slider/z1.png" class="heading95" data-animation="animated bounceInRight">
            <img src="<?php echo base_url();?>theme/slider/z.png" class="heading95" data-animation="animated bounceInRight">
            <img src="<?php echo base_url();?>theme/slider/z3 (3).png" class="heading96" data-animation="animated bounceInRight">
            </div>
            <div class="carousel-caption" >
                <h3 data-animation="animated bounceInDown" class="heading86">
                    <img src="<?php echo base_url();?>theme/slider/5.png" class="heading87">&nbsp;Easy edit, delete and create new content
                </h3>
                <h3 data-animation="animated bounceInDown" class="heading88">
                    <img src="<?php echo base_url();?>theme/slider/5.png" class="heading89">&nbsp;Manage your own online store with little or zero technical expertise
                </h3>
                <h3 data-animation="animated bounceInDown" class="heading90">
                    <img src="<?php echo base_url();?>theme/slider/5.png" class="heading91">&nbsp;Convert your traffic into customers
                </h3>
                <h3 data-animation="animated bounceInDown" class="heading92">
                    <img src="<?php echo base_url();?>theme/slider/5.png" class="heading93">&nbsp;Custom Design templates to manage your blogs
                </h3>
            </div>
        </div> <!-- /.item -->

        <!-- Second slide -->
        <div class="item ">
        <h3 class="heading43">FULLY <span class="heading41">R</span>ESPONSIVE & <span class="heading41">SEO</span> OPTIMIZED <span class="heading41">W</span>EBSITE <span class="heading41">D</span>ESIGN</h3> 
        <img src="<?php echo base_url();?>theme/slider/1 (2).png" class="heading45"><h3 class="heading44">Optimal viewing experience with easy reading and navigation on different mobiles & tablets</h3><img src="<?php echo base_url();?>theme/slider/2 (2).png" class="heading42">
            <div class="carousel-caption">
                <h3 data-animation="animated bounceInLeft" class="heading46">
                    <img src="<?php echo base_url();?>theme/slider/5.png" class="heading47">&nbsp;We design custom build high impact site that attracts your target audience
                </h3>
                <h3 data-animation="animated bounceInLeft" class="heading48">
                    <img src="<?php echo base_url();?>theme/slider/5.png" class="heading49">&nbsp;Ultra Responsive Design using HTML & CSS3
                </h3>

                <h3 data-animation="animated bounceInLeft" class="heading50">
                    <img src="<?php echo base_url();?>theme/slider/5.png" class="heading51">&nbsp;100% compatibility in all mobile devices and browsers 
                </h3>
                <h3 data-animation="animated bounceInLeft" class="heading52">
                    <img src="<?php echo base_url();?>theme/slider/5.png" class="heading53">&nbsp;We build scalable and smarter business solutions 
                </h3>
            </div>
        </div><!-- /.item -->



    </div><!-- /.carousel-inner -->

    <!-- Controls -->
    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div><!-- /.carousel -->

  • 开源内容管理系统 theme/slider/3_1(4).png“class=“heading84”>从个性化管理面板theme/slider/4_2(4).png“class=“heading85”> theme/slider/z2.png“class=“heading94”data animation=“animated bounceInRight”> theme/slider/z1.png“class=“heading95”data animation=“animated bounceInRight”> theme/slider/z.png“class=“heading95”data animation=“animated bounceInRight”> 主题/滑块/z3(3).png“class=“heading96”data animation=“animated bounceInRight”> theme/slider/5.png“class=”heading87“>轻松编辑、删除和创建新内容 theme/slider/5.png“class=”heading89“>只需很少或根本不需要专业技术就可以管理自己的在线商店 theme/slider/5.png“class=”heading91“>将您的流量转化为客户 theme/slider/5.png“class=”heading93“>用于管理博客的自定义设计模板 完全响应和SEO优化的网站设计 主题/滑块/1(2).png“class=”heading45“>在不同手机和桌面上轻松阅读和导航的最佳观看体验主题/滑块/2(2).png“class=”heading42“> theme/slider/5.png“class=”heading47“>我们设计定制的高影响力网站,吸引您的目标受众 theme/slider/5.png“class=”heading49“>使用HTML和CSS3的超灵敏设计 theme/slider/5.png“class=”heading51“>在所有移动设备和浏览器中100%兼容 theme/slider/5.png“class=”heading53“>我们构建可扩展、更智能的业务解决方案
    大家好,有人能解决这个问题吗?可能是由于依赖项没有正确加载而导致某种js问题。。。你能提供实时链接吗?@AdamK。它的staging.teknotrait.com尝试像这样包装demo.js的内容
    (函数($){$(文档).ready(函数(){/*contents*/});})(jQuery)确保在HTML DOM完全呈现并加载依赖项后初始化旋转木马。@AdamK。我不明白你在说什么