我正在使用Leaflet绘制地图,在弹出窗口中我添加了一个链接,该链接应该导致更详细的描述,描述与地图分开并使用手风琴排列到列表中,因此每个描述都是隐藏的.
我可以使用锚链接到手风琴内容,但我需要执行一些JavaScript,onclick所以我试图添加一个click事件处理程序 - 它无法正常工作.
这是我的代码:
<!DOCTYPE html>
<html>
<head>
<title>Leaflet Quick Start Guide Example</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--<script src="http://leaflet.cloudmade.com/dist/leaflet.js"></script>-->
<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://code.leafletjs.com/leaflet-0.3.1/leaflet.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="http://code.leafletjs.com/leaflet-0.3.1/leaflet.ie.css" /><![endif]-->
</head>
<body>
<div id="map" style="width: 600px; height: 400px"></div>
<div id="log"></div>
<div id="map_box_text" class="status_half">
<br>
<br>
<p>List made using JQuery UI accordion, every element is hidden, only on hover it opens, you can click on it to display on map, …Run Code Online (Sandbox Code Playgroud)