Question

我正在为一个小型存储空间创建一个项目。我正在使用一个计划，该计划在每个单元上都有一个带有地图区域形状的图像。我还希望这些形状根据字段值更改颜色，同时鼠标悬停在 ajax 事件上。我的项目是用 Python 构建的，有很多 HTML 行，包括 JSON AJAX 来处理事件。我也使用 Bootstrap。

对于那个测试，我创建了一个按钮来更改背景颜色，但它不起作用。我做错了什么，还有其他方法可以使它工作吗？这是我的台词

<body>
<div class="container">
<img src="/media/interne/map_sb.jpg" alt="Workplace" usemap="#workmap" width="981" height="576">

<map name="workmap">
  <area shape="rect" class="square" coords="133,390,350,481" id="ddd" alt="Computer" href="/entrepots/add_data_contrat">
</map>
<button>Set background-color of p</button>
</div>
</body>

{% block custom_js %}

<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#ddd").css("background-color", "yellow");
  });
});
</script>

{% endblock custom_js %}

形状区域颜色变化

0 个答案: