jQuery 1.8 Issue
by nocircleno
HTML
<script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.4.2/underscore-min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/backbone.js/0.9.2/backbone-min.js"></script>
<div id="canvas"></div>
JavaScript
var NoCircleNo = NoCircleNo || {};
NoCircleNo.AndyView = Backbone.View.extend({
events: {
"mousedown .andyViewSvg":"mouseDownHandler"
},
initialize: function() {},
mouseDownHandler: function(e) {
alert("mouse down event");
},
render: function() {
var html = '<svg width="373.1425114504852px" height="374.26785139079914px" viewBox="-184.8642270127987 -160.15222658512747 373.1425114504852 374.26785139079914" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:autoandy="http://www.nocircleno.com/autoandy">' +
'<defs xmlns="http://www.w3.org/2000/svg">' +
'<filter id="dropshadow" height="130%">' +
'<feGaussianBlur in="SourceAlpha" stdDeviation="3"></feGaussianBlur>' +
'<feOffset dx="2" dy="2" result="offsetblur"></feOffset>' +
'<feComponentTransfer>' +
'<feFuncA type="linear" slope="0.5"></feFuncA>' +
'</feComponentTransfer>' +
'<feMerge>' +
'<feMergeNode></feMergeNode>' +
'<feMergeNode in="SourceGraphic"></feMergeNode>' +
'</feMerge>' +
'</filter>' +
'</defs>' +
'<g filter="url(#dropshadow)" class="andyViewSvg" autoandy:innerrect="-161.83630525691382,-139.41593579192852,323.67261051382764,278.83187158385704" transform="translate(0,0) scale(0.7058823529411765) rotate(0)">' +
'<path fill="#a5e8f2" d="M -200.75608497793604 -158.68567536902913 Q -160.78598187637607 -196.9867252864353 -134.36905219854071 -148.3377235066375 Q -88.02644418400624 -226.88232099559724 -59.21688945186722 -140.3554429274618 Q -28.158244689950322 -211.28107859792726 28.873771049382526 -158.91282147532073 Q 86.06690639767533 -205.84287571802892 118.63907765004586 -139.41593579192852 Q 152.79955548527 -210.38706791867597 206.58751421663084 -152.848426122691 Q 252.95959823632427 -123.48656562911253 211.58751421663084...