0

我正在通过http://www.packtpub.com/article/data-tables-datatables-plugin-jquery-1.3-with-php尝试使用数据表 jquery 插件。

  <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（未找到）

我不确定为什么 my_controller 在那里。如果这出来了（即

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

我认为它会起作用。

4

1 回答 1

2 
<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'/>

似乎导入不尊重您的基本标签

于 2013-07-10T03:04:32.010 回答