可点击的美国地图绑定到多选列表框 -jQuery 点击事件未触发
Clickable USA Map bound to Multi select ListBox -jQuery click event not firing
<html>
<head><title>Image Map</title>
</head>
<body>
Welcome to USA Map<br><br>
Click on Map to find out <br><br>
<script type="text/javascript">
$(function() { //run when the DOM is ready
$("#planetmap area").click(function (e) {
// jQuery code, event handling callbacks here
alert();
});
});
</script>
<select id="listbox" size="5" multiple>
<option value="none">Take a pick on the map</option>
<option value="wyoming">Wyoming</option>
<option value="arizona">Arizona</option>
</select>
<img src="usaStateMap.jpg" alt="usa" usemap="#planetmap"/>
<map name="planetmap" id="planetmap">
<area id="wyoming" alt="Wyoming" title="Wyoming" href="#" shape="poly"
coords="203,125,192,188,278,198,284,136" />
<area id="arizona" alt="Arizona" title="arizona" href="#" shape="poly"
coords="138,258,118,330,188,361,201,269" />
</map>
</body>
</html>
地图将在子窗口中启动,列表框将在父窗口中启动。在 Javascript 的点击事件中,我希望能够在列表框中多选相同的项目(状态)。你能帮忙吗?
<script src="jquery.js"></script>
<script type="text/javascript">
$(function() { //run when the DOM is ready
$("#planetmap area").click(function (e) {
// jQuery code, event handling callbacks here
$('#mymapselect option[value="' + this.id + '"]').attr('selected', 'selected');
});
});
</script>
我从 http://learn.jquery.com/about-jquery/how-jquery-works/#jQuery:_The_Basics 下载了jquery.js文件并添加为参考。现在,单击事件适用于图像映射区域。它多选列表框中的项目。
相关文章:
- 在创建对象后附加一个jquery事件
- 将jQuery事件应用于所有类元素
- Jquery事件处理程序仅适用于匿名函数
- 如何在jQuery事件处理程序中存储和重用超时
- 无线电输入更改的jQuery事件未启动
- 我应该/如何清除mousemove JQuery事件侦听器
- 是否可以在jQuery事件中更改Angular范围
- jQuery事件侦听器多次启动
- jQuery 事件处理程序堆叠
- 如何在不删除类似侦听器的情况下从父对象中删除jQuery事件侦听器
- 一个接一个地触发jQuery事件
- 在JQuery事件中查找父元素
- 堆叠jQuery事件(动画)
- 在jquery事件中引用javascript对象
- 动态添加对象的jQuery事件处理程序
- jQuery事件命名空间是否可以包含破折号
- Jquery事件绑定获胜'当作为方法调用时不起作用,但当直接在控制台中调用时会起作用
- 没有为Ajax添加的新元素注册Jquery事件
- 动态创建的DOM元素上的jQuery事件绑定
- jQuery事件未在动态生成的内容上激发