JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://openlayers.org/dev/OpenLayers.js"></script>
<link rel="stylesheet" href="http://openlayers.org/dev/theme/default/style.css">
<div style="width: 600px; height: 300px; border: 1px solid black" id="map"></div>

JavaScript

$(window).load(function() {

		$(".test").live('click', function() {
			console.info("test");
		});

		var map = new OpenLayers.Map("map");
		map.addLayer(new OpenLayers.Layer.OSM());
		map.setCenter(new OpenLayers.LonLat(0, 0), 0);
		map.addControl(new OpenLayers.Control.LayerSwitcher());

		var pop = new OpenLayers.Popup.FramedCloud("c", new OpenLayers.LonLat(0, 0), null, '<div class="test">Click</div>', null, true);
		pop.autoSize = true;
		map.addPopup(pop);
	});