我正在通过http://www.packtpub.com/article/data-tables-datatables-plugin-jquery-1.3-with-php,试图利用datatables 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 developer tools console时,我看到:
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 )
我认为它会起作用。
答案 0 :(得分: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'/>
似乎导入不符合您的基本标记