jquery - 重用大量 jQuery 代码

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>