Question

我无法弄清楚如何重复使用大块代码。

我以为会是这样的：

function bulkCode() {
    ... large amount of code
}

$(document).on('click', function() {
    ...blah...

    bulkCode();
});

我想在三个不同的区域中使用一些代码，我确信有一种方法可以重新使用代码，而不必在每个代码中粘贴代码......

有谁能举例说明如何做到这一点？

Answer 1

为了使用你的局部变量：

var urlHead = '/portfolio/embed-head-view/'+entry+'/'+category;
var urlImage = '/portfolio/embed-image-view/'+entry+'/'+category;
var urlDetails = '/portfolio/embed-details-view/'+entry+'/'+category;

您必须将您的功能定义为：

function imageLoad(urlHead, urlImage, urlDetails){ ... }

并通过传递参数来调用它：

imageLoad(urlHead, urlImage, urlDetails);

Answer 2

更好的是，将bulkCode（）放在一个单独的.js文件中，并在您要使用的任何页面中使用链接指向我们。你为什么要问？上面的代码不起作用吗？

Answer 3

您可以将代码放在.js文件中，并将其包含在带有如下脚本标记的页面中。

<script src="path/jsFile.js"></script>

重用大块的jQuery代码

3 个答案: