Question

我正在尝试在jQuery的click函数中添加和显示Bootstrap 3工具提示。

当我使用匿名函数进行点击处理程序时，它运行良好，但如果我尝试将代码放入命名函数，我会收到错误TypeError: undefined is not a function (evaluating '$button.tooltip(...

JS文件的内容如下。这是在jQuery和bootstrap.min.js之后加载的。

$(function() {
    function confirmClick(event) {
        event.preventDefault();

        $button = event.target;
        console.log($button);

        $button.tooltip({
            title: 'Are you sure?',
            trigger: 'manual',
        }).tooltip('show');

        $button.unbind('click');
    }

    $('.btn-confirm').click(confirmClick);
})

最终，我希望使用setTimeout重新添加点击处理程序并在X秒后隐藏工具提示。

最终行为将是用户点击按钮，工具提示出现询问＆＃34;你确定吗？＆＃34;如果他们在X秒之前再次点击，则遵循链接。如果没有，则隐藏工具提示，并为下次点击准备相同的操作。

我还尝试使用手动或单击触发器添加工具提示，然后在confirmClick（）函数中对其进行操作，但是任何尝试从命名单击函数中命中.tooltip似乎都会失败。< / p>

Answer 1

您需要使用jQuery选择器包装目标以使用.tooltip()。

$button = $(event.target);代替$button = event.target;。

如果且仅当您的变量存储$对象时，请使用jQuery添加变量。

如何在jQuery单击功能中添加和显示Bootstrap工具提示？

1 个答案: