JSFiddle - React, Tailwind, and code Playground

by OysteinAmundsen

HTML

<script src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
<h1>With jquery 1.8.1: Try to click the image below</h1>
<svg>
    <defs>
        <lineargradient id="errorGradient">
            <stop offset="0" style="stop-color: #ff0000; stop-opacity: 1;"/>
            <stop offset="1" style="stop-color: #e3e3e3;stop-opacity:1;"/>
        </lineargradient>
    </defs>
    <g id="n1" class="node" enable-background="new" style="stroke-width: 1; stroke: black;">
        <path d="m46.99195,8.43054c0,4.26531 -10.29933,7.72319 -23.00387,7.72319m23.00387,-7.72319l0,0c0,4.26531 -10.29933,7.72319 -23.00387,7.72319c-12.70465,0 -23.00345,-3.45788 -23.00345,-7.72319m0,0l0,0c0,-4.26531 10.2988,-7.72337 23.00345,-7.72337c12.70454,0 23.00387,3.45805 23.00387,7.72337l0,30.89275c0,4.26526 -10.29933,7.72331 -23.00387,7.72331c-12.70465,0 -23.00345,-3.45803 -23.00345,-7.72331l0,-30.89275z" fill="url(#errorGradient)"/>
    </g>
</svg>
<span>Does work!!</span>

JavaScript

$('.node').live('click', function(evt) {
    alert("Hi!");
});