Drupal7使用jQueryAPI，代码不起作用

您好，我正在为一个站点编写少量jQuery，以便在地图上对替换内容进行淡入淡出（）或显示（）。我已经创建了div区域，它们相对地位于地图的每个区域上，我想让用户点击这些div，然后替换图像将淡入，然后可以轻松关闭

我已经安装了JS注入器，jQuery更新设置为1.8，并且修改了jQuery代码，因此它对Drupal是友好的。我已经对此做了一些研究，但是当单击div的“无效果/功能”时，它会产生任何效果

我对jQuery没有太多经验，因此需要帮助，代码如下： （函数（$）{

$（'#maparea1'）。单击（函数（）{
$（''）.fade（）；
});
})（jQuery）；

我实际上倾向于使用“jQuery”而不是“$”，因为我觉得包装函数很烦人，每次我都要查看如何使用它

打字真的那么糟糕吗

jQuery('#maparea1').click(function () {
jQuery('<img src ="sites/all/themes/west_midlands_fire_service/img/map1.png"/> ').fade();
});

jQuery（'#maparea1'）。单击（函数（）{
jQuery（“”）.fade（）；
});

事实上，我建议它更干净、更容易阅读，更不用说短两行了

jQuery('#maparea1').click(function () {
jQuery('<img src ="sites/all/themes/west_midlands_fire_service/img/map1.png"/> ').fade();
});