2016-11-25 88 views
0

大家好,感恩節快樂!jquery javascript不能在codeigniter中工作

我是有些問題的,包括這個腳本在笨:

<script type="text/javascript" src="<?php echo base_url();? application/views/jquery.js"> 
</script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     setInterval(function() { 
      $('#show').load('<?php $this->load->view('data');?>') 
//im tryng also $('#show').load('<?php echo base_url();?>application/views/data.php') but it doesnt work anyway 
     }, 3000); 
    }); 


</script> 

這個功能了笨的工作沒有問題? 也許我在配置文件中有一些問題? idont知道......請寫我遺憾的英語不好 問候

+1

您是否獲得在控制檯中的任何錯誤? –

+0

@KanishkaPanamaldeniya沒有錯誤,我不知道 –

+0

嘗試,並把jQuery的紙條在''面積 – user4419336

回答

0

的另一種方法是如下。

<script type="text/javascript" src="<?= base_url('application/views/jquery.js'); ?>"> 

在這種情況下$config['base_url']有一個尾隨/

如果您嘗試訪問直屬應用程序/文件的意見,你會得到一個404錯誤。這是你的問題嗎?

通常你把你所有的公共端CSS和JS文件的結構像下......

Your Document Root Folder/ 
         assets/ 
           js/ 
            jquery.js 
           css/ 

,那麼你將有

<script type="text/javascript" src="<?= base_url('assets/js/jquery.js'); ?>"> 

然後你就可以正確地訪問它。

訣竅是...在瀏覽器上查看您的HTML源代碼,查看您的jQuery鏈接並點擊它,看看好的錯誤消息是什麼。

如果一切正常,那麼您將看到實際的文件源。

+0

它不工作我可以做一個調試嗎? –

+0

更新我的答案 - 一些調試...總之,你把你的js文件放在一個不能直接訪問的位置,並且鏈接! – TimBrownlaw

+0

GET http:// localhost/airGym /應用程序/視圖/ jquery.js 403(禁止)java:13 未捕獲ReferenceError:$未定義 –

1

看來你src是不正確

<script type="text/javascript" src="<?php echo base_url();? application/views/jquery.js"> 

嘗試將其更改爲

<script type="text/javascript" src="<?php echo base_url(); ?>"application/views/jquery.js"> 
+0

你插入了很多的「」它不工作 –

+0

不知道你可以用奇數的跑不掉「 – Brad

0

首先,您不能直接調用應用程序文件夾內的任何文件。 創建一個新的文件夾在你的home目錄JS移動你的jquery.js成即ROOT_FOLDER - > JS - >的jquery.js 然後嘗試這個例子

控制器

<?php 
defined('BASEPATH') OR exit('No direct script access allowed'); 

class Test extends CI_Controller { 

    public function __construct() 
    { 
     parent::__construct(); 
    } 

    public function index() 
    { 
      $this->load->view('test'); 
    } 

    public function hello() 
    { 
      $this->load->view('data'); 
    } 
} 

視圖(test.php的)

<!DOCTYPE html> 
<html> 
<head> 
    <title>test project</title> 
</head> 
<body> 
<div id="show"> This content will replaced by your interval response </div> 

<script src="<?php echo base_url(); ?>js/jquery.js"></script> 
<script type="text/javascript"> 

$(document).ready(function() { 
    setInterval(function() { 
      $('#show').load('<?php echo base_url(); ?>test/hello'); 
      console.log('test'); 
     }, 3000); 
}); 

</script> 

</body> 
</html> 

第二視圖文件(data.php)

<div class="hello"> 
    <p>Hello world</p> 
</div>