文章/答案/技术大牛

发布

社区首页 >问答首页 >SCRIPT438误差yadcf

问SCRIPT438误差yadcf
EN

Stack Overflow用户

提问于 2018-02-19 11:05:02

回答 1查看 156关注 0票数 1

我只是在测试yadcf，但是我不断地在IE (in ff it is TypeError: $(...).DataTable(...).yadcf is not a function中获得SCRIPT438 error )

我确信我的库在正确的位置，我可以使用开发工具浏览它们

我做错什么了？

使用版本0.9.2

这就是我的例子：

<html>
<head>
<LINK href="DataTables-1.10.11/css/jquery.dataTables.min.css" rel="stylesheet" type="text/css">
<LINK href="yadcf-0.9.2/jquery.dataTables.yadcf.css" rel="stylesheet" type="text/css">

<SCRIPT SRC=jquery-1.11.3.min.js TYPE=text/javascript></SCRIPT>
<SCRIPT SRC=DataTables-1.10.11/js/jquery.dataTables.min.js TYPE=text/javascript></SCRIPT>
<SCRIPT SRC=yadcf-0.9.2/jquery.dataTables.yadcf.js TYPE=text/javascript></SCRIPT>


    <script>
	$(document).ready( function () {
	// alert("press format data");

	     $('#ResTbl').DataTable({
	"columnDefs": [
		     
            {
                "targets": [ 0 ],
              //  "visible": false,
			  "orderable": false ,
                "searchable": false
            } 
			]
	
	}).yadcf( [
	{column_number : 2, filter_type: "range_number_slider"} ,
    //  {column_number : 0, data: ["MOD", "CON"], filter_default_label: "..."}, 
      {column_number: 1, filter_type: "auto_complete",  text_data_delimiter: ","  }
]);

} );


</script>

</head>
<body>

<table id="ResTbl" class="compact">
    <thead>
        <tr>
            <th>Column 1</th>
            <th>Column 2</th>
            <th>Column 3</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Row 1 Data 1</td>
            <td>Row 1 Data 2</td>
            <td>1</td>
        </tr>
        <tr>
            <td>Row 2 Data 1</td>
            <td>Row 2 Data 2</td>
            <td>2</td>
        </tr>
        <tr>
            <td>Row 3 Data 1</td>
            <td>Row 3 Data 2</td>
            <td>3</td>
        </tr>
        <tr>
            <td>Row 4 Data 1</td>
            <td>Row 4 Data 2</td>
            <td>4</td>
        </tr>
        <tr>
            <td>Row 5 Data 1</td>
            <td>Row 5 Data 2</td>
            <td>5</td>
        </tr>
        <tr>
            <td>Row 6 Data 1</td>
            <td>Row 6 Data 2</td>
            <td>6</td>
        </tr>
        <tr>
            <td>Row 7 Data 1</td>
            <td>Row 7 Data 2</td>
            <td>7</td>
        </tr>
        <tr>
            <td>Row 8 Data 1</td>
            <td>Row 8 Data 2</td>
            <td>8</td>
        </tr>
        <tr>
            <td>Row 9 Data 1</td>
            <td>Row 9 Data 2</td>
            <td>9</td>
        </tr>
        <tr>
            <td>Row 10 Data 1</td>
            <td>Row 10 Data 2</td>
            <td>10</td>
        </tr>
        <tr>
            <td>Row 11 Data 1</td>
            <td>Row 11 Data 2</td>
            <td>11</td>
        </tr>
        <tr>
            <td>Row 12 Data 1</td>
            <td>Row 12 Data 2</td>
            <td>12</td>
        </tr>

		
    </tbody>
</table>


</body>
</html>

我做错什么了？

yadcf

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-02-19 12:27:17

您使用的是新的数据对象api和旧的yadcf api。

从展台上：

请注意，这是用于init的旧yadcf -当使用新Datatable (大写为"D“API)时，新init函数应使用新init函数(请参阅：1.10.html )

当使用“大写字母D”构造数据时，它返回一个对象(不是jquery对象)，因此必须使用yadcf.init()函数对其进行inityadcf，如下所示：

var oTable = $('#example').DataTable();
yadcf.init(oTable, [{column_number: 0}]);

无论如何，浏览一下文档(在yadcf js文件中)，了解所有yadcf的好东西.

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/48864761

复制

相似问题

问SCRIPT438误差yadcf
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问SCRIPT438误差yadcfEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问SCRIPT438误差yadcf
EN