jquery - 如何正确运行我自己的 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] 在函数体中(从而对其进行硬编码)。

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