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

Question

我正在使用代码点火器和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>

然后是一个页脚页面，以包含html的下部

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

所以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，在此未包含。 预先感谢任何想法如何解决

Answer 1

试试下面的代码，它应该工作。

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

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

问题描述

1 个解决方案

解决方案1
0 2017-04-13 06:27:10

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

问题描述

1 个解决方案

解决方案1 0 2017-04-13 06:27:10

解决方案1
0 2017-04-13 06:27:10