局部视图的动态加载使用笨和jQuery

-1

我使用代码点火器和jQuery使得单页应用程序，所以在主页包含HTML的上部包括CSS等局部视图的动态加载使用笨和jQuery

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

下部0

所以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，这是我没有包括在这里。在此先感谢任何想法如何工作

来源

2017-04-13 devpoolxx

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

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

来源

2017-04-13 06:27:10 438sunil

感谢您的回答，但是，仍然CSS和JS被打破.. – devpoolxx

只是相互核对的样式表头不链接标签和呼叫JS sript文件的页脚 – 438sunil

局部视图的动态加载使用笨和jQuery

回答

相关问题