Нажмите событие не работаю должным образом в совместном JS

Question

Я получил это совместный JS Rect с помощью пользовательского класса:

var rectdetail= new joint.shapes.basic.Rect({ 
markup: '<g class="rotatable"><g class="scalable"><rect class="inner"/></g><text/></g>', 
    position: { x: 450, y: y_value +10}, 
    size: { width: 130, height: 35 }, 
    attrs: { 
     ".inner": { fill: '#333','stroke-width': 0 }, 
     text: { 
      text: 'View detail', 
      fill: 'white' 
     } 
    } 
}); 

И я ADDE события щелчка, так что открыть модальный:

$(document).on('click', '.inner', function() { 
    var id = $(this).attr('id'); 
    //alert(id); 
    $('#myModal1').modal('show'); 
}); 

вещи , мое событие click работает только тогда, когда я нажимаю вне текста «View detail», который находится внутри rect, как я могу это решить?

Заранее благодарен!

Answer 1

Вы можете использовать jointjs конкретных обработчик событий, как указано здесь:

How to add an onclick event to a joint.js element?

paper.on('cell:pointerclick', 
    function(cellView, evt, x, y) { 
     var id = cellView.model.id; 
     $('#myModal1').modal('show'); 
    } 
);