Question

早上好，

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

我想在用户点击地图区域时显示div（带有消息：＆＃34;正在加载＆＃34;），但它无效。

那是我的代码：

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>

CSS

<style>
#box-info{
    display: none;
}
</style>

HTML

<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"/>

我在小提琴上尝试了这个代码，它与<a></a>一起使用，但它并没有使用<map area>。我需要在代码中更改以使其工作？

小提琴：http://jsfiddle.net/7tbsR/12/

谢谢，

此致

Answer 1

网址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>

同样在fiddle您多次使用id="cargando"的情况下， ID必须是唯一的

JQuery onClick地图链接显示<div> </div>

1 个答案: