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

【问题标题】：Trouble including jquery in page在页面中包含 jquery 时出现问题
【发布时间】：2013-07-10 02:53:08
【问题描述】：

我正在通过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 )

我认为它会起作用。

【问题讨论】：

有什么加载吗？看起来你的 CSS 也没有加载；为什么你的 jquery 会？

标签： php jquery codeigniter datatables

【解决方案1】：

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

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

【讨论】：

查看源代码并查看基本 href 设置为什么......这几乎就像它从那里取消 :// 并尝试从相对于该路径的路径加载它
localhost/myproject"> -- 我认为应该是这样的
你又是对的：有效。谢谢！