如何正确运行我自己的 jQuery 函数？

Question

我有这段代码可以更改图片及其附加链接。

var imgSwap(pic, link){
    $("#sampleimg")
        .load(function () {   
           $(this).hide();
           $('#indexPic').removeClass('loading');
           $(this).fadeIn(500);
           })
        .error(function () {})
        .attr({src : picArray[5]});
    $("a.frontlink").attr("href", linkArray[0]);
    $('#indexPic').addClass('loading');
}

$("#arcade-button").click(function () { imgSwap(picArray[0], linkArray[0])});

当我在每个按钮后面运行洞时，代码可以工作，但当我尝试调用自己的函数和可选参数时，代码就不能工作。似乎找不到缺陷...对任何人有一点帮助吗？

Answer 1

尝试：

function imgSwap(pic, link){
    $("#sampleimg").load(function () {   
        $(this).hide();
        $('#indexPic').removeClass('loading');
        $(this).fadeIn(500);
    }).attr({src: pic});
    $("a.frontlink").attr("href", link);
    $('#indexPic').addClass('loading');
}

不要

var imgSwap(pic, link){ /* further code */ }

将参数命名为 pic 和 link，而是使用 picArray[5] 和 linkArray[0]< /code> 在函数体中（从而对其进行硬编码）。

我认为如果您不希望发生任何事情，则不必提供空的错误函数。

Answer 2

它现在在一个 var 中，如果你想自己调用它，你可能必须像实例化一个新对象一样调用它，例如： new imgSwap(pic,link); 调用 imgSwap(pic ,link) 以另一种方式会将其视为对象，而不执行其中的代码。

或者只是将其更改为像@Felix所说的函数。