在文本区域中的Keyup事件上触发Twitter Bootstrap Popover

Trigger Twitter Bootstrap Popover on Keyup Event in Textarea?

本文关键字：Twitter Bootstrap Popover 事件 区域 文本 Keyup      更新时间：2023-09-26

当我在文本区域中进行更改/keyup事件时，我正试图启动Bootstrap popover。其想法是，用户将输入一些文本，我将检查文本类型，并在此基础上，我将触发（或不触发）弹出窗口。

showPopover = function() {
    return $(this).popover("show");
};
hidePopover = function() {
    return $(this).popover("hide");
};
$("textarea").on("change keyup", function(e) {
    $("[rel=next-popover]").popover({
          placement: "left",
          trigger: "manual"
        }).hover(showPopover, hidePopover).click(showPopover);
};

不知怎么的，这个简单的东西不起作用（我也在使用Bootstrap popover的数据属性来处理popover数据）。这是jsfiddle：http://jsfiddle.net/bpjavascript/CgRKS/

尝试

$("textarea").on("change keyup", function (e) {
    $("[rel=next-popover]").popover("show");
});
$("[rel=next-popover]").popover({
    placement: "right",
    trigger: "manual"
})

演示：Fiddle

相关文章：