在加载时简化并单击Jquery

Question

我有一些jquery我想简化为可能的单个命令。

我有一个on load动作和一个执行相同任务的on click动作。

这是我的加载代码，它检查＃的url然后追加背景：

var url = document.location.href;
if (url.indexOf("#135=14") > -1) {
    jQuery('.product-header').css('background-image',
        'url("/media/product-headers/header.jpg")');
}

还有一些按钮在页面中执行相同的任务，此代码为：

jQuery('#amconf-image-14').click(function() {
    jQuery('.product-header').css('background-image',
        'url("/media/product-headers/header.jpg")');
});

有没有办法可以将这两个命令合并为一个命令？

提前致谢！

Answer 1

你可以创建一个函数，然后调用它：

function modifyHeader() {
     jQuery('.product-header').css('background-image', 'url("/media/product-headers/header.jpg")');
}

只需在需要时打电话。

jQuery('#amconf-image-14').click(modifyHeader);