7

Cytoscape.js は初めてです。ネットワークを作ることができました。マウスがノード上にあるときに、マウス カーソルをポインターに変更したいと思います。私が読んだことに基づいて、次のコードを使用する必要があります。

style: cytoscape.stylesheet()
    .selector('node')
      .css({
          'content': 'data(name)',
          'text-valign': 'center',
          'color': 'white',
          'text-outline-width': 2,
          'text-outline-color': '#888',          
          'cursor': 'pointer'
       })

//other code omitted

驚いたことに、カーソルは変化しませんでした。同じデフォルトのカーソルのままでした。私は何を取りこぼしたか？助けてください。ありがとう。

4

4 に答える 4

5 
This worked for me :

cy.on('mouseover', 'node', function (evt) {                            
                        $('html,body').css('cursor', 'pointer');
                    } );

cy.on('mouseout', 'node', function (evt) {
                        $('html,body').css('cursor', 'default');
                    });
于 2016-04-07T10:00:49.023 に答える
2

サイトスケープ イベントを使用して、ラッパー DOM 要素またはキャンバス自体にヘルパー クラスを配置します。

cys.on('mouseover', 'node', () => $(targetElement).addClass('mouseover'));
cys.on('mouseout', 'node', () => $(targetElement).removeClass('mouseover'));

次にcssで： .cysWrapper.mouseover { cursor: pointer; }

于 2015-09-04T14:07:52.200 に答える