Question

这是一个通用的问题。我有以下代码#datatable（您猜对了）datatable

$("#datatable").on(
    "mouseenter",
    "td",
    function(event) {
        $(this).qtip(
            {
                content:"<button>Test</button>",
                position: {
                    my: 'bottom left',
                    at: 'center right',
                    adjust : {
                        method: "shift"
                    },
                    viewport: $('#datatable')
                },
                show: {
                    event: event.type,
                    ready: true
                },
                hide: {
                    fixed: true
                }
            },
            event
        );
    }
);

当我在$(this)工具提示中单击我的按钮时，我希望能够使用qTip2的所有细节（例如，获取列名称和/或单元格的值）。

jsFiddle here：当您点击Test按钮时，如何显示包含列名称的提醒？

Answer 1

您可以在呈现工具提示后访问它 - Documentation Link

    events: {
        render: function(event, api) {
                // console.log( api ); // to see the full list
            console.log( api.target[0].innerText ); // return the text of the cell
        }
    }

Fiddle

Answer 2

在渲染工具提示后，您可以为按钮指定一个类并触发单击。
无需this - 关键字：

content:"<button class='my-btn'>Test</button>",
/*...*/
events: {
    render: function(e, api){
        $(".my-btn").on("click", function(){ 
            alert(api.target[0].innerText); 
        });
    }
}

的 Live Demo

单击qtip jquery

2 个答案: