使用 jquery 插件时，TypeError $(...) 不是函数

Posted

技术标签:

【中文标题】使用 jquery 插件时，TypeError $(...) 不是函数【英文标题】：TypeError $(...) is not a function when using a jquery plugin 【发布时间】：2013-07-16 14:27:52 【问题描述】：

我为 Jquery 专家准备了一个。

我下载了一个简单的 jquery 插件来从表格转换为 CSV。

这里是源代码...http://www.kunalbabre.com/projects/table2CSV.js

现在，我创建了一个本地 jscript 文件。 jquery.Table2CSV.js。我在我的 jquery 之后立即添加到我的页面

<script type="text/javascript" src='@Url.Content("~/Scripts/libs/jquery-1.6.3.min.js")'></script>
<script type="text/javascript" src='@Url.Content("~/Scripts/jquery.Table2CSV.js")'></script>

根据 Firebug 加载正确（200 OK）。

在我的一个观点中，我有以下代码...

<script>
    $(document).ready(function () 
        $("#exportToCSV").click(function (event) 

            event.preventDefault();
            alert('button clicked!');
            $('#reportDataTable').table2CSV();
        );
    );
</script>

触发器触发点击事件，没问题，但我得到以下错误。

TypeError: $(...).table2CSV 不是函数

(?)(event=Object originalEvent=Event click, type="click", timeStamp=88685109, more...)总结（第109行） add(c=Object originalEvent=Event click, type="click", timeStamp=88685109, more...)asset....zogAQAA（第 3 行） add(a=click clientX=849, clientY=231)asset....zogAQAA（第 3 行） [打破这个错误]

$('#reportDataTable').table2CSV();

我试图在这里找到一些有意义的东西，但到目前为止还没有解决方案。

谁能帮我理解这里发生了什么？

谢谢。

编辑：

这是插件的源代码。

jQuery.fn.table2CSV = function(options) 
    var options = jQuery.extend(
        separator: ',',
        header: [],
        delivery: 'popup' // popup, value
    ,
    options);

    var csvData = [];
    var headerArr = [];
    var el = this;

    //header
    var numCols = options.header.length;
    var tmpRow = []; // construct header avalible array

    if (numCols > 0) 
        for (var i = 0; i < numCols; i++) 
            tmpRow[tmpRow.length] = formatData(options.header[i]);
        
     else 
        $(el).filter(':visible').find('th').each(function() 
            if ($(this).css('display') != 'none') tmpRow[tmpRow.length] = formatData($(this).html());
        );
    

    row2CSV(tmpRow);

    // actual data
    $(el).find('tr').each(function() 
        var tmpRow = [];
        $(this).filter(':visible').find('td').each(function() 
            if ($(this).css('display') != 'none') tmpRow[tmpRow.length] = formatData($(this).html());
        );
        row2CSV(tmpRow);
    );
    if (options.delivery == 'popup') 
        var mydata = csvData.join('\n');
        return popup(mydata);
     else 
        var mydata = csvData.join('\n');
        return mydata;
    

    function row2CSV(tmpRow) 
        var tmp = tmpRow.join('') // to remove any blank rows
        // alert(tmp);
        if (tmpRow.length > 0 && tmp != '') 
            var mystr = tmpRow.join(options.separator);
            csvData[csvData.length] = mystr;
        
    
    function formatData(input) 
        // replace " with “
        var regexp = new RegExp(/["]/g);
        var output = input.replace(regexp, "“");
        //HTML
        var regexp = new RegExp(/\<[^\<]+\>/g);
        var output = output.replace(regexp, "");
        if (output == "") return '';
        return '"' + output + '"';
    
    function popup(data) 
        var generator = window.open('', 'csv', 'height=400,width=600');
        generator.document.write('<html><head><title>CSV</title>');
        generator.document.write('</head><body >');
        generator.document.write('<textArea cols=70 rows=15 wrap="off" >');
        generator.document.write(data);
        generator.document.write('</textArea>');
        generator.document.write('</body></html>');
        generator.document.close();
        return true;
    
;

好的。新编辑 在我的脚本结束时，我从 Telerik 先生那里得到了这个……

@(Html.Telerik().ScriptRegistrar().DefaultGroup(group => group.Combined(true).Compress(true)))

我删除了它，它工作得很好。你有一个小问题。现在我来自 Telerik 的 jqueries 不起作用....与此同时，我正在研究如何让这个家伙与我的 jqueries 共存。

【问题讨论】：

您得到的错误表明 $ 已被另一个 jQuery 副本或另一个库/函数完全覆盖 好的...谢谢。但我真的不知道如何解决这个问题。你知道吗？ 你确定你有正确的 Jquery 版本吗？ 是的，要修复它不要包含多个 jQuery 副本。我不知道你哪里出错了，我必须关注你的网址，但我不关注这里的外部网址。 正确的 JQuery 版本？我完全迷失了那个。我知道我有其他插件（提示、上下文菜单等），它们都工作正常。 【参考方案1】：

已解决....这是解决方案。

http://www.telerik.com/community/forums/aspnet-mvc/general/telerik-doesn-t-let-me-work-with-jquery-ui.aspx

我希望它对未来的人们有所帮助。

基本上，似乎这个telerik注册自己的jquery文件也添加了jquery（双重注册）。

谢谢

【讨论】：

以上是关于使用 jquery 插件时，TypeError $(...) 不是函数的主要内容，如果未能解决你的问题，请参考以下文章

尝试运行或启动 dataTables.js 时收到 TypeError

JQuery DataTables 插件：TypeError：e[j] 未定义

添加jquery插件无法在react应用程序中运行; TypeError：this。$ el.chosen不是函数

由 Datatables 插件和 jQuery 1.11.3 触发的“Uncaught TypeError: Cannot use 'in' operator to search 'length' i

TypeError: jQuery(...).dataTable 不是 Grails 中的函数

Uncaught TypeError: jQuery(...).fancybox is not a function｜wordpress中使用的fancybox