如何让cytoscape-ctxmenu.js适用于有条件的节点？

// Step 1: 定义有条件的节点
var nodesWithContextMenu = cy.nodes('[your-condition]');

// Step 2: 为节点添加属性
nodesWithContextMenu.forEach(function(node) {
  node.data('hasContextMenu', true);
});

// Step 3: 初始化插件
cy.contextMenus({
  menuItems: [
    // Define your menu items here
    // ...
  ],
});

// Step 4: 自定义右键菜单回调函数
cy.on('cxttap', 'node', function(event) {
  var node = event.target;

  cy.contextMenus({
    menuItems: [
      // Add your menu items dynamically based on node properties
      // For example:
      {
        id: 'menu-item-1',
        content: 'Menu Item 1',
        tooltipText: 'Menu Item 1 Tooltip',
        selector: 'node[hasContextMenu]',
        onClickFunction: function() {
          // Handle menu item click
        }
      },
      // ...
    ],
  });
});

// Step 5: 监听右键事件
cy.on('cxttap', function(event) {
  var target = event.target;

  if (target === cy) {
    // Right-click on canvas
    // Hide the context menu
    cy.contextMenus().hideMenu();
  }
});