使用codeigniter和jquery动态加载视图部分

时间:2017-04-13 06:24:44

标签: javascript jquery html css codeigniter

我使用代码点火器和jquery制作单页应用程序,因此母版页包含html的上半部分,包括css等。



<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>BGC</title>
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="<?php echo base_url().'assets/css/fontawesome.min.css';?>">
    <!-- other css here -->
    <!--[if lt IE 9]><script src="js/html5shiv.js"></script><![endif]-->
</head>
<body>
     <div id="main-section">

     </div>
&#13;
&#13;
&#13;

然后是一个页脚页面,包含html的下半部分

&#13;
&#13;
<script>
    var BASE = "<?php echo site_url(); ?>";
</script>
<script src="<?php echo base_url().'assets/js/jquery.js';?>" type="text/javascript"></script>
<!-- other js scripts here -->
    
</body>

</html>
&#13;
&#13;
&#13;

所以div主要部分是我将使用jquery和codeigniter视图插入动态页面的问题..问题是当我尝试获取并将其加载到容器时,js和css被破坏但没有错误抛出。

我以这种方式从CI获取它们

public function shop() {

    $this->load->view('display/shop');
}

并使用像这样的jquery,ajax请求

JQ("#btnshop").on('click', function(e) {
    e.preventDefault();
    JQ.ajax({
        url: BASE + "/display/home/shop",
        data: {},
        success: function(result) {
            JQ("#main-section").html(result);
        }
    });

    return false;
});
#shop是导航按钮的ID,我没有在这里包含。提前感谢任何想法如何工作

1 个答案:

答案 0 :(得分:0)

尝试下面应该有效的代码。

   echo $this->load->view('display/shop',TRUE);