title: passing array of hyperlinks in jquery
body: <p>I am creating a flowchart using jquery and html which has nodes(circles) and arrows which connect these circles.. two actions need to be done, one is a tooltip action, which will show a particular text when u hover your cursor on particular circle. And the other function is that whenever we click those circles another html page pops up AKA hyperlinks. I have 18 circles and i hav created desired 18 HTML pages. BUt m stuck at hyperlinking. I dont know how to pass these hyperlinks to my Jquery plugin. Below is an attached code for tooltip function </p>
  
  <pre><code>    function oncanvasmousemove(evt) {
      clearTimeout(timer);
  
      lastTimeMouseMoved = new Date().getTime();
  
      timer = setTimeout(function () {
          var currentTime = new Date().getTime();
  
          if (currentTime - lastTimeMouseMoved &gt; 300) {
              var mousePos = getMousePos(canvas, evt);
              var tC, isMatched = false;
  
              for (c = 0; c &lt; circles.length; c++) {
                  tC = circles[c];
                  if (mousePos.DistanceTo(tC.centerX, tC.centerY) &lt; tC.Radius + 5) {
                      isMatched = true;
                      break;
                  }
              }
  
              if (isMatched === true) {
                  $("#tooltip").html(tC.Text).css({
                      'top': mousePos.Y + canvasoffset.top - 40,
                      'left': mousePos.X + canvasoffset.left - $("#tooltip").width() / 2
                  }).show();
              } else {
                  $("#tooltip").hide();
              }
          }
      }, 300);
  }
  </code></pre>
  
  <p>i am attaching a image of the page<img src="https://i.stack.imgur.com/GHZiz.jpg" alt="enter image description here"></p>