在我的Rails应用程序中,我有一些简单的旧JS:
function reorder(divid,url) {
jQuery(divid).sortable({
axis: 'y',
dropOnEmpty: false,
handle: '.drag',
cursor: 'crosshair',
items: 'li',
opacity: 0.4,
scroll: true,
update: function(){
jQuery.ajax({
type: 'post',
data: jQuery(divid).sortable('serialize'),
dataType: 'script',
url: url)
}
});
}
当我打电话时它会起作用:
reorder("#pages","<%= changeorder_pages_path %>");
所以我决定将我的函数转换为CoffeeScript,它给了我这个:
(function() {
var reorder;
reorder = function(divid, url) {
return jQuery("#pages").sortable({
axis: "y",
dropOnEmpty: false,
handle: ".drag",
cursor: "crosshair",
items: "li",
opacity: 0.4,
scroll: true,
update: function() {
return jQuery.ajax({
type: "post",
data: jQuery("#pages").sortable("serialize"),
dataType: "script",
complete: function(request) {
return jQuery("#pGESs").effect("highlight");
},
url: "/pages/changeorder"
});
}
});
};
}).call(this);
但我的电话不再有效 - 我收到了Firebug错误:
reorder is not defined
所以对我的问题 - 如何调用函数现在是CoffeeScripted?
我读过这个:Calling a function by its name
但我不知道他们在谈论什么。我从未使用过global = this,也不知道它的作用或为什么我会想要使用它。
我也读到了这个:http://elegantcode.com/2011/06/30/exploring-coffeescript-part-2-variables-and-functions/
以及:http://www.informit.com/articles/article.aspx?p=1834699
我意识到CoffeeScript正在保护我免受全局变量的影响并使我的代码更好 - 但我无法找到如何调用函数的解释。
我玩过CoffeeScript网站并玩过立方体功能 - 所以我应该能够调用我想的功能名称。
我问的问题是因为我的知识存在差距 - 任何填补这一空白的帮助都会受到高度赞赏。
答案 0 :(得分:2)
默认情况下,CoffeeScript不会创建全局变量,看起来好像是在尝试访问定义文件之外的reorder
。
但是,您可以通过编写
在全局命名空间中显式添加内容window.reorder = reorder