2014-10-01 95 views
0

我有一些jQuery我想简化成可能的单个命令。简化加载和点击jquery

我有一个加载操作和一个点击操作来执行相同的任务。

这是我在其上检查了#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")'); 
}); 

有没有办法将这两个命令合并为一个命令?

在此先感谢!

回答

0

,您可以拨打功能,只是调用:

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

并在需要时只需调用。

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

这是有用的知道,谢谢! 我希望尽可能做的主要事情是不必多次调用实例,因为它在同一页面上使用。上面的代码略微简化了代码,但并没有将这些功能合并为一个。 – 2014-10-02 08:37:42

+0

onload和click处理程序是两个根本不同的东西,我不确定它们可以组合多少。 – tymeJV 2014-10-02 11:04:17

+0

谢谢你的帮助。 – 2014-10-02 14:23:48