【发布时间】：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 版本？我完全迷失了那个。我知道我有其他插件（提示、上下文菜单等），它们都工作正常。
标签： jquery asp.net-mvc jquery-plugins