局部視圖的動態加載使用笨和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

回答

相關問題