我创建基于一个页内脚本的GreaseMonkey脚本,我想use on a site,但是我有以下问题:如何从我的GreaseMonkey脚本调用添加到jQuery对象的函数?
在脚本中,我们已经创建了命名空间(brickJax
)包含大部分函数,并且我们还需要jQuery,因为我们也使用jQuery replaceText函数。
当我打电话replaceText
功能从replaceSet
我得到以下错误控制台上:
uncaught exception: TypeError: $(node).replaceText is not a function
然而,并称其为GM_xmlhttpRequest
onload
回调的一部分工作正常。
var brickJax = (function ($) {
"use strict";
var brickJax = {};
//[Code here]
function replaceSet(node, str, number, colour) {
var text = '<a href="http://www.peeron.com/inv/sets/' + number + '-1">'
+ number + ' on Peeron</a>';
// THIS LINE THROWS THE ERROR:
$(node).replaceText(str, text);
}
function replaceImage(node, str, number, colour) {
getBricksForImage(number, colour, node, str);
}
function getBricksForImage(number, colour, node, str) {
GM_xmlhttpRequest({
method: "POST",
url: "http://brickjax.doodle.co.uk/bricks.aspx/JsonDetails/" + number
+ "/" + colour,
dataType: "jsonp",
onload: function (data) {
// THIS CALL WORKS PERFECTLY
$(node).replaceText(str,
buildImage($.parseJSON(data.responseText)));
}
});
};
function buildImage(ajaxData) {
var text = '<img style="max-height:100px;" src="' + ajaxData.Src
+ '" alt="' + ajaxData.AltText + '" />';
return text;
}
function replaceTags(element) {
var elements = $(element).find('*').andSelf();
elements = elements.not($('script,noscript,style,textarea,pre,code')
.find('*').andSelf());
searchText(elements, /\[part:([\w\-]*)(?::([\w\-]*))?\]/gi, replaceImage);
searchText(elements, /\[set:([\w\-]*)(?::([\w\-]*))?\]/gi, replaceSet);
};
})(jQuery);
brickJax.replaceTags($('body'));
(function ($) { $.fn.replaceText = function (b, a, c) { [...] } })(jQuery);
在实际的脚本中,我已经添加了记录,这表明node
是在两种情况下的HTML元素。
什么是我在replaceSet
的呼叫中做错了,与回调中导致此错误的呼叫不同?
在hosted version这两个调用按预期工作。
对于脚本墙的道歉,我试图将其切割到最基本的要领。
看起来可能与封闭有关。尝试在'var brickJax = ...'东西之前物理定义'replaceText'。 – 2012-01-04 17:59:44
我会给你一个去,欢呼:) – 2012-01-04 18:42:25
@BrockAdams - 如果你愿意张贴这个建议作为答案,我会高兴地接受它 - 工作的一种享受谢谢你,我想我明白为什么;) – 2012-01-05 07:14:58