jquery datatable oTable。$适用于Firefox但不适用于Chrome

时间:2012-06-15 22:21:04

标签: javascript jquery datatables

我正在使用最新版本的jquery插件DataTables,我尝试将可选行和删除example实现到我的项目中。我的解决方案在Firefox中正常运行,但在Chrome中无效。

因此,在我的部分视图中,我创建了我的表格;

    loadSlideShowTable = $("#LoadTable").dataTable({
        "bJQueryUI": true,
        "aaSorting": [[0, 'desc']],
        "aoColumnDefs": [
        { "sType": "date-euro", "aTargets": [5] },
        { "sType": "date-euro", "aTargets": [4] }]
    });

并在我的事件处理程序中进行行单击,我得到以下内容:

    console.log(loadSlideShowTable);
    loadSlideShowTable.$(".LoadTableRowSelected").removeClass("LoadTableRowSelected");

在FireFox中,console.log返回:

jQuery(table#LoadTable.dataTable)

在Chrome中,console.log返回:

[<table id=​"LoadTable" style>​…​</table>​]
Uncaught TypeError: Object [object Object] has no method '$' 

编辑:它也适用于IE,console.log返回:

LOG: [object Object] 

所以我认为这里的问题是Chrome似乎并不“知道”$(“#LoadTable”)是一个数据表对象。

2 个答案:

答案 0 :(得分:1)

尝试$(loadSlideShowTable。(“。LoadTableRowSelected”))。removeClass(xxxxx)

你想在jQuery包装器中使用类LoadTableRowSelected的元素,在点看起来不正确之后直接添加它。

答案 1 :(得分:0)

由于我无法删除我的问题,我只会发布一个回复,告诉我如何修复它。

我关闭了所有Chrome会话,重新打开了我的应用,然后再次尝试。在那之后它应该工作了。