0

私はこの質問が以前に尋ねられたことを知っています、そして私は他の人々の質問のために提供された解決策を使おうと試みました、しかし私はあまり運がありません。私はraphael.jsを使用して、バトルテックの星図を作成しています。マップには2100を少し超える星がリストされています。ユーザーが星にカーソルを合わせると、星系の名前が表示され、カーソルがポインターに変わります。ユーザーが星をクリックすると、その星系に関する情報を含む新しいdivが開きます。私が達成するのに苦労しているのは、適切な情報を提供できるように、ユーザーがクリックした星を特定することです。私はガイドとして次のURLを使用しています： Raphaelの任意の要素のid属性にアクセスする方法

私が試したことを正確にリストするのは難しいです。ID、名前、またはタイトルを取得しようとすると、未定義になります。クリックイベントの定義方法に問題があると思います。

var flare = starfieldGlow.circle(cX, cY, 2).attr({'fill' : starMatch , 'stroke' : '#000000' , 'title' : worldList[i][0] , 'cursor' : 'pointer'});
flare.node.setAttribute('id',"star"+i);
flare.click(function() { starClickReturn() });
glowHolder.push(flare);

function starClickReturn() {
    $('#starExplorer').show();
    alert(this.id);   -   Tried many variants here.
}
4

1 に答える 1

1

jQueryを使用してデータオブジェクトを作成し、それらを各スターに関連付けます。次に、クリック機能プロセスで特定のデータを表示します。このプロセスは、それぞれjQueryと組み合わせて使用​​すると、うまくいく可能性があります。

于 2013-03-08T16:17:30.377 に答える