2

2Dタグクラウドの調査にはjcanvasプラグインを使用しています。キャンバスにいくつかのタグをペイントして、それぞれが異なるページにリンクできるようにしたいと思います。したがって、タグを表示するためのforループが必要です。これが私のコードです。

 for(i=1;i<=5;i++){

    $("canvas").drawText({
      layer: true,
      fillStyle: "#9cf",
      strokeStyle: "#000",
      strokeWidth: 1,
      x: 100, y: 30*i,
      text: "tag"+i,
      font: "20pt 'Trebuchet MS', sans-serif",

      // Event bindings
      mouseover: function() {
        $("canvas").css({cursor: "pointer"});
      },
      mouseout: function() {
        $("canvas").css({cursor: "default"});
      },
      // Click link to open it
      click: function(layer) {
        window.open("http://www.google.com/?"+i);
      }
    });
 }

しかし、すべてのタグが同じURLにリンクしていることがわかりました。これは、私が期待する結果ではありません。ここの誰もが私を助けることができます!ありがとう !!!

ここでテストできます。

4

1 に答える 1

1

プロパティID(またはその他の名前)を追加し、関数を変更します。
...
font: "20pt 'Trebuchet MS', sans-serif",
id: i,
...
click: function(data) { window.open("http://www.google.com/?"+data.id); }

于 2012-10-17T04:08:38.390 に答える