我正在努力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'/>
看起来好像导入不尊重您的基本标签