Question

我正在尝试编写一个简单的用户脚本（对于Greasemonkey / Tampermonkey），但我无法使其正常工作。目标是在页面加载时添加链接，然后在元素的href触发时更改URL（mouseup()）。触发的代码使用声明元素中的新属性，因此需要再次设置它们。

我尝试的主要内容是将可重用代码包装在function run() { /* code */ }中（通过必要的调整来执行正确的操作，无论是在页面加载还是在鼠标上调用），但这会返回{{1}的错误}。如何在像这样的用户脚本中正确重用代码？

run() is not defined

Answer 1

正如我理解这个问题一样，您准备好了一些代码，希望能够在文档就绪后按需运行。

但是，更重要的是，您希望能够使用该可重用函数的结果。

因此，将代码移出到自己的函数中，该函数返回一个对象并调用该函数，即：

function calc_values() {
    // call this function something that makes more sense in the context
    // REUSABLE CODE
    var obj = {};  // create a new object to store the values
    obj.projI=new OpenLayers.Projection("EPSG:900913");
    obj.projE=new OpenLayers.Projection("EPSG:4326");
    obj.center_lonlat=(/* variable declaration */);
    obj.topleft=(/* variable declaration */);
    obj.bottomright=(/* variable declaration */);
    obj.lat=Math.round(center_lonlat.lat * 1000000)/1000000;
    obj.lon=Math.round(center_lonlat.lon * 1000000)/1000000;
    obj.spn=/* variable declaration */;
    return obj;
}

$(document).ready(function() {
    // this replaces the original doc-ready call, but doesn't look like it's needed
    calc_values(); 
});

$(document).ready(function() {
    var obj = calc_values();
    // you can now use obj.projI etc to generate your link
    $('div .olControlAttribution').append('<a id="WMEtoGMM" href=" \
        /* link here that uses above variables */"'+ \
        'target="_blank">Open new page</a>');
});

$('div .view-area.olMap #mouseupElement').mouseup(function() {
    var obj = calc_values();
    // you can now use obj.projI etc to generate your link
    $('#WMEtoGMM').attr('href', 'URL HERE');
});

用户脚本中的可重用代码

1 个答案: