Flot: как добавить событие «mousedown» к держателю сюжета?

Question

Я хочу добавить "mousedown" событие в держатель сюжета в коде JQuery / Flot, я пробовал два способа, но ни один из них не работает, я ценю, что кто-нибудь дал мне какие-либо подсказки!

1)

placeholder.bind("mousedown",function(e){
    alert("1");
})

2)

function onMouseDown(e) {
    alert("1");
}

plot.hooks.bindEvents.push(function (plot, eventHolder) {
    eventHolder.mousedown(onMouseDown);
});

Answer 1

Я полагаю, что вы ошиблись, что возвращает вызов $.plot. Он не возвращает вам объект jQuery, он возвращает вам объект Plot.

Скорее всего, если у вас есть что-то вроде этого в вашем HTML:

<div id="placeholder" style="width:600px;height:400px"></div>

Вы хотите сделать привязку следующим образом:

$('#placeholder').mousedown(function(){
  alert('mouse down')
});

Answer 2

В flot, вы можете связывать события, используя хуки. Есть хук, называемый bindEvents, который вы можете использовать для привязки любого события.

пример:

     function myClick(plot, eventHolder){
       eventHolder.mouseover((e)=>console.log('You preses the mouse at',e.pageX+""+e.pageY))
     }

     let options = { hooks: {bindEvents: [myClick]}}

Документация подробно об этом https://github.com/flot/flot/blob/master/API.md

Answer 3

Симон,

Если они являются динамически добавляемыми элементами после DOM, попробуйте live. Обычное связывание не работает, если они добавляются во время выполнения.

http://api.jquery.com/live/