关键词:
【中文标题】使用 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(双重注册)。
谢谢
【讨论】:
TypeError:使用 React、Storybook 和 Storyshots 插件进行快照测试时,提供的值不是“元素”类型
】TypeError:使用React、Storybook和Storyshots插件进行快照测试时,提供的值不是“元素”类型【英文标题】:TypeError:Theprovidedvalueisnotoftype\'Element\'whensnapshottestingwithReact,StorybookandStoryshotsaddon【发布时间】:2021-03-0705:32:50【问题描述】... 查看详情
JQuery DataTables 插件:TypeError:e[j] 未定义
】JQueryDataTables插件:TypeError:e[j]未定义【英文标题】:JQueryDataTablesPlugin:TypeError:e[j]isundefined【发布时间】:2014-08-2523:25:22【问题描述】:我不明白为什么DataTables在FF中抛出这个错误:TypeError:e[j]isundefined在IE中报告为:无法获取... 查看详情
Qt Designer 和 PyQt5 自定义插件加载 TypeError
】QtDesigner和PyQt5自定义插件加载TypeError【英文标题】:QtDesignerandPyQt5custompluginloadingTypeError【发布时间】:2018-07-1104:32:19【问题描述】:我在使用QtDesigner加载自定义PyQt5插件时遇到问题。GitHub上可用的示例插件正在运行,我使用... 查看详情
TypeError: jQuery(...).dataTable 不是 Grails 中的函数
】TypeError:jQuery(...).dataTable不是Grails中的函数【英文标题】:TypeError:jQuery(...).dataTableisnotafunctioninGrails【发布时间】:2012-11-2910:22:21【问题描述】:我正在尝试在grails2.1上安装jquery数据表,但直到现在都没有运气。我安装了JQuery、... 查看详情
jQuery地址插件,使用AJAX时路径名改变
】jQuery地址插件,使用AJAX时路径名改变【英文标题】:jQueryaddressplugin,pathnamechangewhenusingAJAX【发布时间】:2012-03-0509:22:17【问题描述】:我在http://themes.visualise.ca/visualise有一个Wordpress博客,当用户点击缩略图时,帖子会加载AJAX... 查看详情
使用 JQuery Linkify 插件时,如何截断 url?
】使用JQueryLinkify插件时,如何截断url?【英文标题】:WhenusingJQueryLinkifyplugin,howdoItruncatetheurl?【发布时间】:2012-02-2717:05:44【问题描述】:https://github.com/maranomynet/linkify我正在使用这个插件。它有效,一切都很好。但是有没有我... 查看详情
尝试使用 jQuery 获取 JSON 数据时出现 TypeError
】尝试使用jQuery获取JSON数据时出现TypeError【英文标题】:TypeErrorwhentryingtofetchJSONdatausingjQuery【发布时间】:2021-12-1307:16:34【问题描述】:所以我正在尝试使用此代码从此链接https://covid.ourworldindata.org/data/owid-covid-data.json获取JSON数... 查看详情
使用构造函数模式和插件原型时如何在jquery中触发函数?
】使用构造函数模式和插件原型时如何在jquery中触发函数?【英文标题】:HowtotriggerafunctioninjquerywhenusingConstructorpatternandprototypesforplugins?【发布时间】:2013-04-0811:27:43【问题描述】:问题如下(批评者赞赏):我正在编写一个jque... 查看详情
WordPress jQuery Uncaught TypeError:对象 [object Object] 的属性“$”不是函数
】WordPressjQueryUncaughtTypeError:对象[objectObject]的属性“$”不是函数【英文标题】:WordPressjQueryUncaughtTypeError:Property\'$\'ofobject[objectObject]isnotafunction【发布时间】:2013-07-2116:11:15【问题描述】:我正在将我的html文件转换为WordPress主... 查看详情
Webpack - TypeError:$ 不是函数
】Webpack-TypeError:$不是函数【英文标题】:Webpack-TypeError:$isnotafunction【发布时间】:2020-07-0602:43:31【问题描述】:我是webpack的新手,我正在使用webpack创建一个反应应用程序。我在编译TypeError:$isnotafunction时遇到此错误。我没有使... 查看详情
想要使用 jquery 输入掩码插件在按钮单击 ipaddress 字段时验证用户
】想要使用jquery输入掩码插件在按钮单击ipaddress字段时验证用户【英文标题】:Wanttovalidatetheuseronabuttonclickforipaddressfieldusingjqueryinputmaskplugin【发布时间】:2015-10-0813:27:03【问题描述】:我正在使用jquery掩码插件https://igorescobar.gith... 查看详情
TypeError:使用 jQuery 数据表库时未定义 oColumn
】TypeError:使用jQuery数据表库时未定义oColumn【英文标题】:TypeError:oColumnisundefinedWhenUsingjQueryDatatablesLibrary【发布时间】:2012-08-3003:23:18【问题描述】:我在让jQueryDatatables库正确显示在我的Joomla网站表上时遇到问题。http://datatable... 查看详情
TypeError:webpack.ProvidePlugin 不是构造函数
】TypeError:webpack.ProvidePlugin不是构造函数【英文标题】:TypeError:webpack.ProvidePluginisnotaconstructor【发布时间】:2021-05-2309:09:58【问题描述】:我正在尝试使用简单的引导程序,jquery插件bootstrap-show-password,但在加载带有表单的页面... 查看详情
由 Datatables 插件和 jQuery 1.11.3 触发的“Uncaught TypeError: Cannot use 'in' operator to search 'length' i
】由Datatables插件和jQuery1.11.3触发的“UncaughtTypeError:Cannotuse\\\'in\\\'operatortosearch\\\'length\\\'in”【英文标题】:"UncaughtTypeError:Cannotuse\'in\'operatortosearchfor\'length\'in"triggeredbyDatatablespluginandjQuery 查看详情
想要使用 Datatable jQuery 函数获取页码,但它会生成 Typeerror
】想要使用DatatablejQuery函数获取页码,但它会生成Typeerror【英文标题】:WanttogetPagenumberusingDatatablejQueryfunctionbutitgenerateTypeerror【发布时间】:2018-10-1202:37:07【问题描述】://Pagenumberofdatatablevartable=$(\'#example1\').DataTable();varinfo=ta 查看详情
Angular 2 从 Jquery 调用 Typescript 函数会导致未捕获的 TypeError
】Angular2从Jquery调用Typescript函数会导致未捕获的TypeError【英文标题】:Angular2callingaTypescriptfunctionfromJquerycausesuncaughtTypeError【发布时间】:2016-09-0414:19:31【问题描述】:我有一个带有输入文本字段的组件,我使用JQuery附加了一个... 查看详情
使用 jQuery 上传文件插件时出错,将不需要的字符串附加到文件 (WebKitFormBoundary)
】使用jQuery上传文件插件时出错,将不需要的字符串附加到文件(WebKitFormBoundary)【英文标题】:ErrorusingjQueryUploadFilePlugin,unwantedstringsappendedtofiles(WebKitFormBoundary)【发布时间】:2014-07-0417:56:42【问题描述】:我正在使用这个插件:ht... 查看详情
使用 Rails.ajax 和 jquery 可排序插件时的 ActionView::MissingTemplate
】使用Rails.ajax和jquery可排序插件时的ActionView::MissingTemplate【英文标题】:ActionView::MissingTemplatewhenusingRails.ajaxandjquerysortableplugin【发布时间】:2018-07-0615:43:49【问题描述】:我在GoRails上关注thisepisode将jqueryui可排序插件添加到我的... 查看详情