在页面中包含jquery时出现问题


Trouble including jquery in page

我正在努力http://www.packtpub.com/article/data-tables-datatables-plugin-jquery-1.3-with-php,尝试使用datatablesjquery插件。

  <base href="http://localhost/projectname/">
  <script src='//dgdsbygo8mp3h.cloudfront.net/sites/default/files/blank.gif' data-original="js/jquery.js"></script> 
<script src='//dgdsbygo8mp3h.cloudfront.net/sites/default/files/blank.gif' data-original="js/datatables/media/js/jquery.dataTables.js">
</script> 
<style type="text/css">
  @import "js/datatables/media/css/demo_table.css";</style> 
<script> 
  $(document).ready(function(){ 
    $('#the_table').dataTable(); 
  }); 
</script> 

当我运行这个并检查chrome开发工具控制台时,我看到:

GET http://localhost/datatables/media/css/demo_table.css 404 (Not Found) myview:10
Uncaught ReferenceError: $ is not defined masterlist:12
GET http://localhost/myproject/datatables/media/css/demo_table.css 404 (Not Found) 

我想在项目中包括jquery(我在myproject/js/jquery.js中本地有它),但这似乎不起作用。我想:

 <script src='//dgdsbygo8mp3h.cloudfront.net/sites/default/files/blank.gif' data-original="js/jquery.js"></script> 

会的。有人能解释一下为什么不起作用吗

附录:按照Orangepill的指示,我的代码现在是:

<html> 
<head> 
  <base href="<?=base_url();?>">
  <script src='js/jquery.js'></script> # LINE 8
<script src='js/datatables/media/js/jquery.dataTables.js'></script>
<style type="text/css">
  @import "js/datatables/media/css/demo_table.css";</style> 
<script> 
  $(document).ready(function(){ 
    $('#the_table').dataTable(); 
  }); 

开发工具中唯一剩下的错误是:

在第8行上获取http://localhost/myproject/my_controller/js/datatables/media/css/demo_table.css 404(未找到)

我不知道为什么我的控制器在里面。如果这已经结束(即

http/localhost/myproject/js/datatables/media/css/demo_table.css ) 

我认为它会起作用。

<script src='//dgdsbygo8mp3h.cloudfront.net/sites/default/files/blank.gif' data-original="js/jquery.js"></script>

应该是

<script src='js/jquery.js'></script>

我相信数据原始表示法是来自某个地方的复制粘贴错误,导致了一些延迟加载处理。

对于css的问题,请尝试从导入更改为头链接

<link rel='stylesheet' href='js/datatables/media/css/demo_table.css'/>

看起来好像导入不尊重您的基本标签