jquery contextMenu 隐藏/显示事件未被触发

Question

My show and hide events are not triggered unless I place an alert() inside the method or I have a breakpoint in Chrome Developer Tools inside the function.

I do not want an alert to show. What could I be missing? Thanks!

Here is my JQuery contextMenu object (with alert functions):

$.contextMenu({
            selector: 'circle',
            trigger: 'left',
            events: {
                show: function(options) {
                    contextMenuIsOpen = true;
                    if ($("#GraphType option:selected").text() == "Line")
                        chart = "#chart";

                    $(chart).data("kendoChart").options.tooltip.visible = false;
                    alert("Show Context Menu");
                },
                hide: function (options) {
                    contextMenuIsOpen = false;
                    $(chart).data("kendo-chart").options.tooltip.visible = true;
                    alert("Hide Context Menu");
                }
            },
            build: function () {
                return buildMenu();
            }
        });

Answer 1

Thanks to ChrisG, ibrahim mahrir and NigelK suggestions, I was able to figure out that this was not a jQuery contextMenu issue but a kendo chart issue.

Instead of using $(chart).data("kendo-chart").options.tooltip.visible to set the tooltip visibility to true or false, I am instead using $(chart).data("kendo-chart").setOptions({ tooltip: { visible: false } } );

I hope this answer can help anyone who comes across this issue themselves.

Thank you so much for your help. StackOverflow has the best people!