在Codeigniter中用Bootstrap Alert显示成功的错误信息，并带有淡出效果。

Question

我在Codeigniter中做了一个Crud系统，里面有姓名，电子邮件字段，它的工作很好，但是在完成插入，更新或删除后，它在视图部分的bootstrap警报中显示成功信息。

但我想让bootstrap alert信息显示& 过几秒钟后就会淡出。

控制器代码:-

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class User extends CI_Controller {

    function __construct() {
        parent::__construct();
        $this->load->model('User_model');
    }   

    public function create()
    {   

        $this->form_validation->set_rules('name','Name','required');        
        $this->form_validation->set_rules('email','Email','required|valid_email');      

        if($this->form_validation->run() == false){
                $this->load->view('create');
            }
        else{
            $formArray = array();
            $formArray['name']=$this->input->post('name');
            $formArray['email']=$this->input->post('email');
            $formArray['created_at']= date('Y-m-d');

            $this->User_model->create($formArray);
            $this->session->set_flashdata('success','Record added Successfully!!!');
            redirect(base_url().'User/index');  
        }       
    }
}
?>

模型代码:-

<?php

class User_model extends CI_Model {

        function create($formArray){
            $this->db->insert('users',$formArray);  
        } 
    }
?>

插入表格部分:-

<div class="row">
        <form method="POST" action="<?php echo base_url().'User/create';?>">
        <div class="col-md-6">

            <div class="form-group">
                <label>Name :</label>
                <input type="text" name="name" class="form-control" value="<?php echo set_value('name');?>"  >
                <span style="color:red;"><?php echo form_error('name');?></span>    
            </div>  
            <div class="form-group">
                <label>Email-Id :</label>
                <input type="text" name="email" class="form-control" value="<?php echo set_value('email');?>" >
                <span style="color:red;"><?php echo form_error('email');?></span>       
            </div>

            <div class="form-group">
                <button class="btn btn-primary">Create</button> 
                <a href="<?php echo base_url().'User/index'; ?>" class="btn btn-info">Cancel</a>    
            </div>

        </div>
        </form>
    </div>

视图代码部分:-

<div class="container">
     <div class="row">
        <?php 
           if($this->session->flashdata('success')){
         ?>
           <div class="alert alert-success "> 
             <?php  echo $this->session->flashdata('success'); ?>
        <?php    
        } else if($this->session->flashdata('error')){
        ?>
         <div class = "alert alert-danger">
           <?php echo $this->session->flashdata('error'); ?>
         </div>
        <?php } ?>

     </div> 

Answer 1

查看代码部分：-

<div class="container">
     <div class="row">
        <?php 
           if($this->session->flashdata('success')){
         ?>
           <div class="alert alert-success "  style="display:none;"> 
             <?php  echo $this->session->flashdata('success'); ?>
        <?php    
        } else if($this->session->flashdata('error')){
        ?>
         <div class = "alert alert-danger"  style="display:none;">
           <?php echo $this->session->flashdata('error'); ?>
         </div>
        <?php } ?>

     </div> 

添加这样的脚本：-

$(".alert").fadeIn(1000).fadeOut(5000);