使用jQuery更改不同Joomla菜单页面的bg图像

Question

我尝试改变我得到的每个Joomla菜单页面的背景图像（example.com/joomla/index.php/page1, ... / index.php / page2，等等。

所以我创建了这个jQuery函数，在单击菜单按钮时更改了bg图像。

$('#page1').on('click', function() {
$('#background').css('background-image','url(http://example.com/joomla/templates/template/images/page1.jpg)'); })

背景实际上会改变一秒钟，但是第1页完成加载后，会显示标准（page0）bg。