JQuery onClick地图链接显示<；部门>；

早上好

我试图用JQuery创建一个简单的加载效果（非常简单），但我找不到解决方案

我想在用户单击地图区域时显示一个div（带有一条消息：“正在加载”），但它不起作用

这是我的密码：

JQuery

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script>
$(function() {
    $('#cargando').on('click', function() {
        $('#box-info').css("display","block");
    });
});
</script>

$（函数（）{
$（'#cargando'）。在（'click'，function（）上{
$（“#框信息”）.css（“显示”、“块”）；
});
});

CSS

#盒子信息{
显示：无；
}

HTML

加载…

但它不能与

一起工作。我必须在我的代码中更改什么才能使其工作

小提琴：

谢谢

---

关于，

URL

http://code.jquery.com/ui/1.10.3/jquery-ui.js

正在加载jQuery UI库。您需要加载jQuery库

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

---

另外，在您多次使用

id=“cargando”

的情况下，id必须是唯一的

您介意提供一个提琴吗？我如何使用不同的id，但具有相同的JQuery效果？因为我不想做这样的东西：----------------$（'#cargando1'）.on（'click'，function（）{$（'.box info'））.css（“display”，“block”）；}）；------------$（'#cargando2'）.on（'click'，function（）{$（'.box info'）.css（“display”，“block”）；}）@Wiraj，为这两个元素提供一个公共css类，然后使用类选择器，如

$（'.cargando'）

。

<div id="box-info"><div class="box-info">Loading...<br></div></div>
<AREA id="cargando" SHAPE="rect" ALT="Melilla" COORDS="411,396,434,410" HREF="http://www.idermo.es/index.php?option=com_content&view=article&id=119&Itemid=876&provincia=Melilla"/>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>