我使用代码点火器和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;
然后是一个页脚页面,包含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>
&#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;
});
答案 0 :(得分:0)
尝试下面应该有效的代码。
echo $this->load->view('display/shop',TRUE);