无法在IPython笔记本中加载jQuery DataTables插件
提问于 2014-10-20 19:40:08
我正在尝试使用IPython笔记本中的jQuery DataTables插件。由于某些原因，该插件似乎不适用于jQuery实例。下面的代码演示了这个问题。当我执行此命令时，我在web控制台中得到一个错误消息"Error TypeError：'undefined‘is not a function (计算’$(‘mytable’).dataTable‘)’“，就好像插件还没有加载一样。是否可以以这种方式加载插件？
from IPython.display import Javascript
Javascript('''
var dataSet = [
['Trident','Internet Explorer 4.0','Win 95+','4','X'],
['Trident','Internet Explorer 5.0','Win 95+','5','C'],
['Trident','Internet Explorer 5.5','Win 95+','5.5','A'],
['Trident','Internet Explorer 6','Win 98+','6','A'],
['Trident','Internet Explorer 7','Win XP SP2+','7','A'],
['Trident','AOL browser (AOL desktop)','Win XP','6','A'],
['Gecko','Firefox 1.0','Win 98+ / OSX.2+','1.7','A'],
['Gecko','Firefox 1.5','Win 98+ / OSX.2+','1.8','A'],
['Gecko','Firefox 2.0','Win 98+ / OSX.2+','1.8','A'],
['Gecko','Firefox 3.0','Win 2k+ / OSX.3+','1.9','A'],
['Gecko','Camino 1.0','OSX.2+','1.8','A']
];
$(element).html('<table id="mytable"></table>')
$('#mytable').dataTable( {
"data": dataSet,
"columns": [
{ "title": "Engine" },
{ "title": "Browser" },
{ "title": "Platform" },
{ "title": "Version", "class": "center" },
{ "title": "Grade", "class": "center" }
]
} );
''', lib=['/static/DataTables/media/js/jquery.dataTables.js'],
css=['/static/DataTables/media/css/jquery.dataTables.css'])
回答 1
Stack Overflow用户
发布于 2016-05-22 14:55:20
也许你应该使用require.config。
就像这样。
%%javascript
require.config({
paths: {
dataTables: '//cdn.datatables.net/1.10.12/js/jquery.dataTables.min'
}
});和
from IPython.display import HTML
HTML('''
<table id="example" class="display" cellspacing="0" width="100%">
<thead>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</thead>
<tbody>
<tr>
<td>Tiger Nixon</td>
<td>System Architect</td>
<td>Edinburgh</td>
<td>61</td>
<td>2011/04/25</td>
<td>$320,800</td>
</tr>
</tbody>
<script>
require(['dataTables'], function(){
$('#example').DataTable();
});
</script>
''')页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/26473610
复制相关文章
腾讯云开发者
