在JointJs中，如何防止带端口的元素被移动，但仍然允许其端口工作？

var element = new joint.shapes.basic.Rect({
  position: { x: 100, y: 100 },
  size: { width: 100, height: 50 },
  attrs: {
    rect: { fill: 'blue' },
    text: { text: 'Element', fill: 'white' }
  },
  draggable: false  // 设置元素不可移动
});

// 添加端口
var port = element.addPort({
  id: 'port1',
  group: 'in',
  attrs: {
    circle: { fill: 'red' },
    text: { text: 'Port 1', fill: 'white' }
  }
});

// 获取端口
var port1 = element.getPort('port1');

// 将元素添加到画布中
graph.addCell(element);